2. 1. Toolbar
2. Navbar
3. Icon
jQueryMobile
Fundamental 2
Based on
http://demos.jquerymobile.com/1.4.0/
3. Fixed Toolbar jQueryMobile Fundamental 2
Can be set to fixed position by adding the data-position="fixed" to
the header or footer. This will make them remain at the top or
bottom of the window at all time instead of scrolling with the page
HTML Code
Header
4. Header Button jQueryMobile Fundamental 2
You can use the ui-btn-left and ui-btn-right classes to position buttons
in the header
5. Groupped Button in Toolbar jQueryMobile Fundamental 2
To group buttons into a button set, wrap the links in an element
with data-role="controlgroup"and data-type="horizontal" attributes.
6. Navbar jQueryMobile Fundamental 2
A navbar is coded as an unordered list of links wrapped in a container
element that has the data-role="navbar" attribute. If more than 5 items
are added, the navbar will simply wrap to multiple lines of two across.
7. Navbar in header & footer jQueryMobile Fundamental 2
If you want to add a navbar to the top or bottom of the page, you can
still have a page title and buttons. Just add the navbar container inside
the block, right after the title and buttons in the source order.
8. Icons jQueryMobile Fundamental 2
Icons can be added to navbar items by adding the data-icon attribute
specifying a icon to each anchor. By default, icons are added above the
text (data-iconpos="top"). You can change left, right, bottom.
Other icons
http://demos.jquerymobile.com/1.4.0/icons/