In my Ionic application,
I am using android:windowSoftInputMode ="adjustPan" in the config file.
But I want to change android:windowSoftInputMode to "adjustResize" only for one of the screens in the app.
In short I want to set SoftInputMode programmatically on page load to "adjustResize" and change it back to "adjustPan" while leaving from the page.
Can someone help me out!
Related
I'm developing a flutter application where if the user is logged in, he'll see a page with 5 different pages (using Page Controller). I'm trying to use flutter navigator to kind of develop the navigation for the app. This is what I'm trying to achieve: Let's say there are 5 pages on the landing page: a-page, b-page ,c-page, d-page, e-page. The user initially lands on the c-page, at this point, the path should be "/c-page" and whenever the user switches the page, the path should change accordingly. For instance, currently the path is "/c-page", if the user switches to the b-page, the path should be "b-page". So basically the b-page path should replace the c-page path in this case. I tried replacing the path but wasn't completely successful. How can I achieve this?
Thank you in advance.
I'd like to change back button dynamically in app having localization feature in Ionic 5.
Of course, I can do it config.set function in Ionic 3 but it is deprecated in Ionic 5.
I want the same function I can use that in a page like profile setting page.
This is my current solution.
<ion-back-button [text]="backButtonText"></ion-back-button>
This works well in the page but I don't like to add the same code [text]="backButtonText" in other pages too.
I've created a stencil.js application (app starter) where I would like to use ionic components.
I included Ionic using the cdn following this tutorial (https://ionicframework.com/docs/installation/cdn). I have a problem with the style of some of the components like buttons, toggle etc. The problem is that the primary/secondary/x style is not applied also if I use
color="primary"
I've searched a lot to solve this problem and I saw that the property .ion-color-primary isn't apply to the button like it should, so none of the colors are applied to the button that remains white.
If I use Ionic from cdn in a html page (with no stencil.js) the problem don't happen so I think that the problem it's stencil.
I've the latest stencil version, 4.11.7.
I'm integrating MB on my Ionic 3 project.
There's a map on my 'home' page. When user touches a button another map loads which uses the Directions API and after another click by user another map is supposed to load but won't.
The map div is present on this page but the styles and js script don't seem to get applied to it.
Is there a limitation which declares you cannot load MapBox 3 times in a project or is there something from my end?
Thank you in advance.
So, sigh, the problem was I was using the same map id on all my HTML pages containing a map div, forgetting Ionic applications are called one-page-apps.
Renaming map container divs fixed it.
I searched alot about this topic but couldnt find any answer. I am ionic to build a android app. I used roundslider component from www.roundsliderui.com. Though whole roundslider fully works but the text input right in middle of roundslider does not work in ionic. I figured out that ionic.bundles.js script in ionic app is causing problem. If I remove this script, roundslider works fine.
Any advice why this script causing problem?
Thanks
I had the same issue. You have to disable the tap functionality.
http://ionicframework.com/docs/api/page/tap/
"In some cases, third-party libraries may also be working with touch events which can interfere with the tap system. For example, mapping libraries like Google or Leaflet Maps often implement a touch detection system which conflicts with Ionic’s tap system."
<div data-tap-disabled="true">
//Your Round Slider here...
</div>
I hope it helps.
there is a conflict between files of roundsliderui and ionic
read this article thats will help you
The problem is that the modal is not fully loaded at the time the circular-slider is rendered. This article states correctly that the offsetPosition is null if the document (in this case, the modal) is not finished loading