Jquery Mobile + Phonegap Android - Custom Buttons on bottom
I'm developing my first app in jquery mobile and phonegap. Using listview to populate my page with RSS feeds. Now i want to add custom buttons which lie at the bottom of my screen.
I tried to put them in my footer but that won't work. Since user will have to scroll down all the list in order to go to the bottom of the page. I want those buttons to be visible to user all the time on bottom of the screen, not the webpage. I know I can easily do it in Android using Relative layout.
How do i implement it here?
try this :
<div data-role="footer" data-position="fixed"> <div data-role="navbar" data-iconpos="bottom"> <ul> <li><a href="#button1" data-icon="grid">Button 1</a></li> ... </ul> </div><!-- /navbar --> </div><!-- /footer -->