jQuery Mobile Examples
jQuery Mobile Pages
A Basic Mobile Web Page Multiple Pages Dialogs
jQuery Mobile Page Transitions
Fade Effect Flip Backward Effect Flow Effect Pop Effect Slide Effect Slide from Right to Left and Fade Effect Slide from Bottom to Top Effect Slide from Top to Bottom Effect Turn Effect No Transition Effect Reverse Effect
jQuery Mobile Buttons
Create Buttons Inline Buttons Grouped Buttons Back Buttons Buttons with Rounded Corners or Without Small or Regular Size Buttons Buttons with Shadow or Without
jQuery Mobile Button Icons
Add Icons to Buttons Position Icons Icon-only Buttons
jQuery Mobile Toolbars
Create Header and Footer Bars Add Buttons to Header Bar Add Buttons to the Left of Header Bar Add Buttons to the Right of Header Bar Footer Bar with Buttons Footer Bar with Centered Buttons Footer Bar with Grouped Buttons Footer Bar with Horizontally Grouped Buttons Inline Positioning - Header and Footer Bars Inline with Page Content Fixed Positioning - Header and Footer Bars Fixed at the Top and Bottom of the Page Fullscreen Positioning - Header and Footer Bars Fixed at the Top and Bottom of the Page, but Covering Page Content
jQuery Mobile Navbars
Create Navbars Navbars in Content Navbars in Footer Add Selected (Pressed) Appearance to Buttons in Navbar Persistently Add Selected (Pressed) Appearance Position Icons in Navbar Demo of 10 Buttons in Navbar
jQuery Mobile Collapsible Blocks
Create Collapsible Content Blocks Expand Content on Page Load Nested Collapsible Blocks Collapsible Sets Remove Rounded Corners on Collapsible Blocks Make Collapsible Blocks Smaller Change Icons in Collapsible Blocks Collapsible Lists Collapsible Forms
jQuery Mobile Grids
Two-column Layout Three-column Layout Four-column Layout Five-column Layout Custom Grid Multiple Rows within Columns
jQuery Mobile Lists
Create List Views List Views with Rounded Corners List Dividers Automatic Dividers Create Search Filters Change Text in Search Box Create Read-only Lists Add Thumbnails to List Items Add HTML Elements to Fill List Items with Information Add Icons to List Items Create Lists with Split Buttons Make List Items More Functional Create Count Bubbles Create Default Link Icons for List Items Collapsible Lists Create Calendars
jQuery Mobile Forms Text Input Box Text Input Area Search Input Box Radio Button Checkbox Horizontal Group of Radio Buttons and Checkboxes Field Container with Radio Buttons and Checkboxes Pre-selected Radio Button/Checkbox Create Selection Menu Create Selection Menu with Optgroup Custom Selection Menu Select Multiple Options in Selection Menu Grouped Selection Menu Horizontal Grouped Selection Menu Pre-selected Option Collapsible Form Create Slider Control Highlight Slider Value Create Toggle Switch Pre-selected Toggle Switch
jQuery Mobile Themes
Theme "a" Theme "b" Theme Header, Content, and Footer Theme Dialog Theme Buttons Theme Icons Theme Buttons in Header and Footer Theme Navigation Bars Theme Collapsible Buttons and Content Theme Lists Theme Split Buttons Theme Collapsible Lists Theme Forms Theme Collapsible Forms Custom Theme
jQuery Mobile Touch Events
Tap Event Taphold Event Swipe Event Swipeleft Event Swiperight Event Scrollstart Event Scrollstop Event Orientationchange Event - Display Orientation Orientationchange Event - Set Different Styles for Portrait and Landscape