This document provides an overview of jQueryMobile fundamentals including toolbars, navbars, icons, and other features. It discusses how to set toolbars and navbars to fixed positions, add buttons to headers, group buttons, add navbars to headers and footers, include icons in navbars, and customize icon positions. It also provides a link to additional icon examples. The goal is to expand the user's knowledge of jQueryMobile fundamentals and get started using these features.

1. Welcome to
jQueryMobile Fundamental 2

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/

9. Expand your dimension!
Let’s Start!