I am trying to eliminate or reduce the right padding on the flipswitch widget. For some reason jqm tries to keep a huge amount of whitespace between the toggle element and the screen edge. So when you reduce the window with it automatically places the toggle below the text way before you run out of whitespace to the right of the toggle.
Is there a way to have jqm (using 1.4) only adjust the flow of the flipswitch when it runs out of whitespace on the widest elements for example?
I have routine to automatically go back a page when a function is called. It works nicely in the desktop version of Chrome on my JQM application. But on iOS 6.01 (iPhone 4 and iPad 2) the history.back() does not work. I verified that the function is called with an alert statement just before the call to history.back.
files: jqm is jquery.mobile-1.2.0.min.js and jq is jquery-1.8.2.min.js
I am struggling with the basics of a persistent footer in my jqm application. Each page of the application is a separate file.
I want the footers to all behave the same. For example if I change the active state to the second button I want all pages to show that state when they are loaded. Today only the active page is set and all the other pages reflect the state they were coded at (ie the first being active).
I have a jquery mobile application that I dynamically build an image map for. It has fixed headers and footers.
When I select an area using Chrome on the desktop it seems to be fine and the transitions are as expected between pages of an internal application.
However if I use the application on a WebApp (fixed to home screen) on iOS6 iPhone then when I select an image map area it behaves like I called an external page. I loose the smooth transition of the fixed toolbar and footers and I now see the Safari address bar and the normal Safari footer. In short my area links behave like they are calling a external web page. Of course I also loose the ability to use the Back button on my header.
Another odd bit is that even though I wrote the order as: