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?

Answers


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 -->

Need Your Help

Sorting in Ruby

ruby arrays sorting

I have an exercise in my programming book asking me to sort an array of strings in Ruby without using any of the built in sorting. What I have sorts the top 5 correctly but then just stops and I ha...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.