- Expanded view
- List view
So I'm a real novice when it comes to Jquery Mobile developement and I was wondering if anybody out there could help me understand one small aspect of the JQM library.
My problem is related to page content and the iOS keypad in particular. I have several pages with content that varies in size. For example, on one page I have five input fields and the next page I have only four. When I use the iOS "next" button to navigate between different fields and I end up at the last field, the footer appears automatically above the keypad which is ideally what I need.
However, on the next page with only four input fields, when I use the "next" button to navigate between the fields and i end up on the last field, then the footer does not appear directly above the keypad and on top of that, a white space is produced between the last input field and the footer once the keypad dissapears. So it seems the issue is related to the amount of content.
Any ideas why this happens? I'm guessing it has something to do with page content but I am not sure.
So I'm building a web application using Jquery Mobile and Phonegap. The app was working fine until I removed some input fields and drop down menus which became obsolete.
The problem now is that when I click on the last input field of the page & the ios keyboard activates, the footer bar is no longer fixed and there is a white gap between the footer bar and the ios keypad. When the keypad hides again I see the full page but the white gap is above the footer.
This doesn't seem to be a problem on the Android platform so I'm wondering if it is a CSS issue. Help is most certainly welcome.
So I've been working on a JQuery mobile app utilizing Phonegap and what I need to do now is implement a way for the app to check if there's internet connectivity before the user can use the app. If there's internet connectivity the app will launch and if there's no internet connectivity, the app must prompt the user to connect.
Any ideas - so new to this :)
have built an app using JQuery 1.1.0 and Phonegap. The problem I have now is that when I input text into a field and I tap on the ios keypad's 'previous" & "Next" buttons, the header moves -momentarily- from its fixed position and appears at different positions on the page. I must add that it is also inconsistent as it doesn't do this on other pages. The headers are marked as fixed, so I have no idea why they would sometimes appear and sometimes not.
- 08-May-2012 04:27 AM
- Forum: jQuery Mobile
- 04-May-2012 02:59 AM
- Forum: jQuery Mobile
So I'm working on a mobile phone app using jQuery mobile and phonegap. I'm using fixed footers and headers. Sometimes, after the keyboard has popped up, a space will appear between the footer bar and the keyboard. This space is the same as the background color, so I assume the footer is just shifting up for some reason. The behavior appears to be inconsistent, as it doesn't happen on all pages.
Here's a snippet of code...this code is the same for all pages but the gap is only on one page. The only difference between pages is the number of fields I have on the pages.
<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;"> <a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left" style="margin-left: 10px; margin-top: 5px">Done</a> <a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext" style="float: right; margin-right: 10px; margin-top: 5px"></a> </div>
Can anybody help me?
- Next »