Page Header

Welcome to the iOS-Inspired jQuery Mobile theme by @taitems. Feel free to have a look around and report and bugs to the GitHub issues page.

• Header Bars
• Header Buttons
• Footer Tabs
• Form Elements
• List Views
• Dialogs
• Popups ^New!

Form Elements

Back

Inactive <a> Active <a> Inactive <button> Active <button>

Does the above look funny? Consider it a bug in jQuery mobile where the classes from the underling <button> are not being attached to the new DOM

List Example

Back

• Divider
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages
• Anatomy of a page
• Page transitions
• Dialogs
• Navigation: Ajax, hashes & history
• Link format examples
• Theming pages

Headers

Back

The default bar is the blue, but you can also use the black by specifying data-theme="b".

Header Buttons

Back

The various styled buttons you can place in a header:

Button Style E Button Style D Button Style C Button Style B Button Style A

Delete Draft Save Draft Cancel

Post to Twitter Post to Facebook Post to YouTube Cancel

Dialogs

Back

All the options Delete Example Post Something

Footer Tabs

Back

Icons by Joseph Wain / glyphish.com. Licensed under the Creative Commons Attribution 3.0 United States License.

Popups

Back

Open Popup Open Popup with Overlay iOS Style Popup