Button markup
+Button markup API
Add classes to style a and button elements. input buttons are enhanced by the button widget. See this page for examples.
Input buttons
+Input buttons API
Examples of how to style input buttons; input elements with type="button", type="submit", or type="reset". See button markup for examples of a and button elements.
Checkbox
+Checkbox API
Checkbox inputs are used to provide a list of options where more than one can be selected. Checkbox buttons are enhanced by the checkboxradio widget.
diff --git a/demos/checkboxradio-radio/index.php b/demos/checkboxradio-radio/index.php index d30acd51f7b..8ff3ebd569e 100644 --- a/demos/checkboxradio-radio/index.php +++ b/demos/checkboxradio-radio/index.php @@ -24,7 +24,7 @@Radio buttons
+Radio buttons API
Radio inputs are used to provide a list of options where only a single option can be selected. Radio buttons are enhanced by the checkboxradio widget.
diff --git a/demos/collapsible/index.php b/demos/collapsible/index.php index 9d85fa36182..24fc4566743 100644 --- a/demos/collapsible/index.php +++ b/demos/collapsible/index.php @@ -27,7 +27,7 @@Collapsible
+Collapsible API
Collapsibles are simple widgets that allow you to expand or collapse content when tapped and are useful in mobile to provide a compact presentation of content.
diff --git a/demos/collapsibleset/index.php b/demos/collapsibleset/index.php index 900070738db..5d6c44d07a1 100644 --- a/demos/collapsibleset/index.php +++ b/demos/collapsibleset/index.php @@ -24,7 +24,7 @@Collapsible set
+Collapsible set API
An accordion is created in jQuery Mobile by grouping a series of individual collapsibles into set.
diff --git a/demos/controlgroup/index.php b/demos/controlgroup/index.php index 774932658b9..7963cd47389 100644 --- a/demos/controlgroup/index.php +++ b/demos/controlgroup/index.php @@ -33,7 +33,7 @@Controlgroup
+Controlgroup API
Controlgroups are used to visually group a set of buttons to form a single block that looks contained like a navigation component.
diff --git a/demos/filterable/index.php b/demos/filterable/index.php index e983617887f..00900969839 100644 --- a/demos/filterable/index.php +++ b/demos/filterable/index.php @@ -24,7 +24,7 @@Filterable
+Filterable API
The children of any element can be filtered by setting the attribute data-filter="true" on the element. By default, the text contained in each child is used for filtering, however, you also have the option of setting the attribute data-filtertext to a string value on any child that will be considered for filtering to associate custom filter text instead.
Flip switch
+Flip switch API
Flip switches are used for boolean style inputs like true/false or on/off in a compact UI element.
diff --git a/demos/grids-custom-responsive/index.php b/demos/grids-custom-responsive/index.php index 7434e52e20b..01280370ae3 100644 --- a/demos/grids-custom-responsive/index.php +++ b/demos/grids-custom-responsive/index.php @@ -118,7 +118,7 @@Custom responsive grid
+Custom responsive grid API
It's easy to extend the basic grid styles into a custom responsive layout by using CSS media queries to adjust the layout and design across various screen width breakpoints.
diff --git a/demos/grids/index.php b/demos/grids/index.php index e836161aaf6..2f45d905554 100644 --- a/demos/grids/index.php +++ b/demos/grids/index.php @@ -24,7 +24,7 @@Grids
+Grids API
The jQuery Mobile framework provides a simple way to build CSS-based columns that can also be responsive.
diff --git a/demos/icons/index.php b/demos/icons/index.php index ee87e331405..d0247f232ff 100644 --- a/demos/icons/index.php +++ b/demos/icons/index.php @@ -31,7 +31,7 @@Icons
+Icons API
A set of built-in icons in jQuery Mobile can be applied to buttons, collapsibles, listview buttons and more. There is an SVG and PNG image of each icon. By default the SVG icons, that look great on both SD and HD screens, are used. On platforms that don't support SVG the framework falls back to PNG icons.
diff --git a/demos/listview/index.php b/demos/listview/index.php index f1fb9401961..62d74c6bb4a 100644 --- a/demos/listview/index.php +++ b/demos/listview/index.php @@ -31,7 +31,7 @@Listview
+Listview API
A listview is coded as a simple unordered list (ul) or ordered list (ol) with a data-role="listview" attribute and has a wide range of features.
Loader
+Loader API
A small loading overlay displayed when jQuery Mobile loads in content via Ajax, or for use in custom notifications.
diff --git a/demos/navbar/index.php b/demos/navbar/index.php index ed9e2c8007e..31306543c6b 100644 --- a/demos/navbar/index.php +++ b/demos/navbar/index.php @@ -34,7 +34,7 @@Navbar
+Navbar API
jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar.
diff --git a/demos/navigation/index.php b/demos/navigation/index.php index 9b41d77d98a..69455a4a480 100644 --- a/demos/navigation/index.php +++ b/demos/navigation/index.php @@ -74,7 +74,7 @@ alterContent( data.state.url ); }); -Event Example
+Event Example API
jQuery Mobile provides the navigate event as a wrapper for both hashchange and popstate. That is, where a binding to both events would be required to support browsers with and without popstate only one binding to navigate is necessary. In this example, altering the hash will trigger the popstate or hashchange event depending on the browser, but only a single navigate binding is necessary. Make sure to use the back button after alterting the hash to see that the event is fired in both cases.
Method Example
+Method Example API
jQuery Mobile provides the $.mobile.navigate method as a means to track history and receive additional information along with navigate events. In this example, when the method example link is clicked, the url will be changed twice. The first time will it will store additional aribitrary information along with the URL and hash stored by the method. The second time it will simply change the url and store the URL and hash. When the browser moves backward through history the navigate event is triggered as in the event example above but along with it comes information about the direction of history traversal, the url, the hash, and the arbitrary data stored with the first call to the navigate method.
Pages
+Pages API
The page is the primary unit of interaction in jQuery Mobile and is used to group content into logical views that can be animated in and out of view with page transitions. A HTML document may start with a single "page" and the Ajax navigation system will load additional pages on demand into the DOM as users navigate around. Alternatively, a HTML document can be built with multiple "pages" inside it and the framework will transition between these local views with no need to request content from the server.
diff --git a/demos/panel/index.php b/demos/panel/index.php index f62518acca0..54bfd788c3c 100644 --- a/demos/panel/index.php +++ b/demos/panel/index.php @@ -36,7 +36,7 @@Panel
+Panel API
Flexible by design, panels can be used for navigation, forms, inspectors and more.
diff --git a/demos/popup/index.php b/demos/popup/index.php index 61fb7fd76a6..03e0d0ab459 100644 --- a/demos/popup/index.php +++ b/demos/popup/index.php @@ -49,7 +49,7 @@Popup
+Popup API
The popup widget can be used for various types of popups. From a small tooltip popup to a large photo lightbox.
diff --git a/demos/rangeslider/index.php b/demos/rangeslider/index.php index c1e1b65056c..e398bc11660 100644 --- a/demos/rangeslider/index.php +++ b/demos/rangeslider/index.php @@ -24,7 +24,7 @@Range slider
+Range slider API
Range slider offer two handles to set a min and max value along a numeric continuum.
diff --git a/demos/selectmenu/index.php b/demos/selectmenu/index.php index 7cb417a4e89..9ca005ec541 100644 --- a/demos/selectmenu/index.php +++ b/demos/selectmenu/index.php @@ -24,7 +24,7 @@Select menu
+Select menu API
The select menu is based on a native select element, which is hidden from view and replaced with a custom-styled select button. Tapping it opens the native menu. There is also a custom select menu widget, which also replaces the native dropdown.
diff --git a/demos/slider/index.php b/demos/slider/index.php index 44cfd80b07c..b489e7c5e0b 100644 --- a/demos/slider/index.php +++ b/demos/slider/index.php @@ -33,7 +33,7 @@Slider
+Slider API
Sliders are used to enter numeric values along a continuum and can also be dual handle range sliders or flip switches.
diff --git a/demos/table-column-toggle/index.php b/demos/table-column-toggle/index.php index b703a100b3d..3e7b392b774 100644 --- a/demos/table-column-toggle/index.php +++ b/demos/table-column-toggle/index.php @@ -24,7 +24,7 @@Table: Column Toggle
+Table: Column Toggle API
The column toggle table mode selectively hides columns at narrower widths as a sensible default but also offers a menu to let users manually control which columns they want to see.
diff --git a/demos/table-reflow/index.php b/demos/table-reflow/index.php index 10382a145eb..0d228456671 100644 --- a/demos/table-reflow/index.php +++ b/demos/table-reflow/index.php @@ -24,7 +24,7 @@Table: Reflow
+Table: Reflow API
The reflow table mode works by collapsing the table columns into a stacked presentation that looks like blocks of label/data pairs for each row.
diff --git a/demos/tabs/index.php b/demos/tabs/index.php index 31cb44f82f7..97ae5358c78 100644 --- a/demos/tabs/index.php +++ b/demos/tabs/index.php @@ -36,7 +36,7 @@Tabs
+Tabs API
The jQuery mobile tabs widget is actually just an extension of the jQuery ui tabs widget and takes all the same options and methods.
Use navbar for tabs
diff --git a/demos/textinput/index.php b/demos/textinput/index.php index cd37d29b0cf..6bc3f0cde42 100644 --- a/demos/textinput/index.php +++ b/demos/textinput/index.php @@ -24,7 +24,7 @@Text inputs
+Text inputs API
Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device.
diff --git a/demos/theme-default/index.php b/demos/theme-default/index.php index 6090965f990..e12233d1cca 100644 --- a/demos/theme-default/index.php +++ b/demos/theme-default/index.php @@ -59,7 +59,7 @@Default theme
+Default theme API
Back ButtonToolbar
+Toolbar API
The toolbar widget is used to enhance headers and footers.
From b575ac485b5deee97f2150c9982108178cd4ddf9 Mon Sep 17 00:00:00 2001 From: Jasper de GrootButton markup API
+Button markup API
Add classes to style a and button elements. input buttons are enhanced by the button widget. See this page for examples.
Input buttons API
+Input buttons API
Examples of how to style input buttons; input elements with type="button", type="submit", or type="reset". See button markup for examples of a and button elements.
Checkbox API
+Checkbox API
Checkbox inputs are used to provide a list of options where more than one can be selected. Checkbox buttons are enhanced by the checkboxradio widget.
diff --git a/demos/checkboxradio-radio/index.php b/demos/checkboxradio-radio/index.php index 8ff3ebd569e..728fbc0fbcd 100644 --- a/demos/checkboxradio-radio/index.php +++ b/demos/checkboxradio-radio/index.php @@ -24,7 +24,7 @@Radio buttons API
+Radio buttons API
Radio inputs are used to provide a list of options where only a single option can be selected. Radio buttons are enhanced by the checkboxradio widget.
diff --git a/demos/collapsible/index.php b/demos/collapsible/index.php index 24fc4566743..377f99094dc 100644 --- a/demos/collapsible/index.php +++ b/demos/collapsible/index.php @@ -27,7 +27,7 @@Collapsible API
+Collapsible API
Collapsibles are simple widgets that allow you to expand or collapse content when tapped and are useful in mobile to provide a compact presentation of content.
diff --git a/demos/collapsibleset/index.php b/demos/collapsibleset/index.php index 5d6c44d07a1..94efc933274 100644 --- a/demos/collapsibleset/index.php +++ b/demos/collapsibleset/index.php @@ -24,7 +24,7 @@Collapsible set API
+Collapsible set API
An accordion is created in jQuery Mobile by grouping a series of individual collapsibles into set.
diff --git a/demos/controlgroup/index.php b/demos/controlgroup/index.php index 7963cd47389..3fb49d138a2 100644 --- a/demos/controlgroup/index.php +++ b/demos/controlgroup/index.php @@ -33,7 +33,7 @@Controlgroup API
+Controlgroup API
Controlgroups are used to visually group a set of buttons to form a single block that looks contained like a navigation component.
diff --git a/demos/filterable/index.php b/demos/filterable/index.php index 00900969839..10f26a57354 100644 --- a/demos/filterable/index.php +++ b/demos/filterable/index.php @@ -24,7 +24,7 @@Filterable API
+Filterable API
The children of any element can be filtered by setting the attribute data-filter="true" on the element. By default, the text contained in each child is used for filtering, however, you also have the option of setting the attribute data-filtertext to a string value on any child that will be considered for filtering to associate custom filter text instead.
Flip switch API
+Flip switch API
Flip switches are used for boolean style inputs like true/false or on/off in a compact UI element.
diff --git a/demos/grids-custom-responsive/index.php b/demos/grids-custom-responsive/index.php index 01280370ae3..d8bae74b9b8 100644 --- a/demos/grids-custom-responsive/index.php +++ b/demos/grids-custom-responsive/index.php @@ -118,7 +118,7 @@Custom responsive grid API
+Custom responsive grid API
It's easy to extend the basic grid styles into a custom responsive layout by using CSS media queries to adjust the layout and design across various screen width breakpoints.
diff --git a/demos/grids/index.php b/demos/grids/index.php index 2f45d905554..de4a95916e5 100644 --- a/demos/grids/index.php +++ b/demos/grids/index.php @@ -24,7 +24,7 @@Grids API
+Grids API
The jQuery Mobile framework provides a simple way to build CSS-based columns that can also be responsive.
diff --git a/demos/icons/index.php b/demos/icons/index.php index d0247f232ff..653e5133b61 100644 --- a/demos/icons/index.php +++ b/demos/icons/index.php @@ -31,7 +31,7 @@Icons API
+Icons API
A set of built-in icons in jQuery Mobile can be applied to buttons, collapsibles, listview buttons and more. There is an SVG and PNG image of each icon. By default the SVG icons, that look great on both SD and HD screens, are used. On platforms that don't support SVG the framework falls back to PNG icons.
diff --git a/demos/listview/index.php b/demos/listview/index.php index 62d74c6bb4a..07bad0eb2c6 100644 --- a/demos/listview/index.php +++ b/demos/listview/index.php @@ -31,7 +31,7 @@Listview API
+Listview API
A listview is coded as a simple unordered list (ul) or ordered list (ol) with a data-role="listview" attribute and has a wide range of features.
Loader API
+Loader API
A small loading overlay displayed when jQuery Mobile loads in content via Ajax, or for use in custom notifications.
diff --git a/demos/navbar/index.php b/demos/navbar/index.php index 31306543c6b..0dc7c7e3ba5 100644 --- a/demos/navbar/index.php +++ b/demos/navbar/index.php @@ -34,7 +34,7 @@Navbar API
+Navbar API
jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar.
diff --git a/demos/navigation/index.php b/demos/navigation/index.php index 69455a4a480..dbe41444589 100644 --- a/demos/navigation/index.php +++ b/demos/navigation/index.php @@ -74,7 +74,7 @@ alterContent( data.state.url ); }); -Event Example API
+Event Example API
jQuery Mobile provides the navigate event as a wrapper for both hashchange and popstate. That is, where a binding to both events would be required to support browsers with and without popstate only one binding to navigate is necessary. In this example, altering the hash will trigger the popstate or hashchange event depending on the browser, but only a single navigate binding is necessary. Make sure to use the back button after alterting the hash to see that the event is fired in both cases.
Method Example API
+Method Example API
jQuery Mobile provides the $.mobile.navigate method as a means to track history and receive additional information along with navigate events. In this example, when the method example link is clicked, the url will be changed twice. The first time will it will store additional aribitrary information along with the URL and hash stored by the method. The second time it will simply change the url and store the URL and hash. When the browser moves backward through history the navigate event is triggered as in the event example above but along with it comes information about the direction of history traversal, the url, the hash, and the arbitrary data stored with the first call to the navigate method.
Pages API
+Pages API
The page is the primary unit of interaction in jQuery Mobile and is used to group content into logical views that can be animated in and out of view with page transitions. A HTML document may start with a single "page" and the Ajax navigation system will load additional pages on demand into the DOM as users navigate around. Alternatively, a HTML document can be built with multiple "pages" inside it and the framework will transition between these local views with no need to request content from the server.
diff --git a/demos/panel/index.php b/demos/panel/index.php index 54bfd788c3c..983c489bbc5 100644 --- a/demos/panel/index.php +++ b/demos/panel/index.php @@ -36,7 +36,7 @@Panel API
+Panel API
Flexible by design, panels can be used for navigation, forms, inspectors and more.
diff --git a/demos/popup/index.php b/demos/popup/index.php index 03e0d0ab459..91476afe8a6 100644 --- a/demos/popup/index.php +++ b/demos/popup/index.php @@ -49,7 +49,7 @@Popup API
+Popup API
The popup widget can be used for various types of popups. From a small tooltip popup to a large photo lightbox.
diff --git a/demos/rangeslider/index.php b/demos/rangeslider/index.php index e398bc11660..d8a472f02ff 100644 --- a/demos/rangeslider/index.php +++ b/demos/rangeslider/index.php @@ -24,7 +24,7 @@Range slider API
+Range slider API
Range slider offer two handles to set a min and max value along a numeric continuum.
diff --git a/demos/selectmenu/index.php b/demos/selectmenu/index.php index 9ca005ec541..fe805e7a5e9 100644 --- a/demos/selectmenu/index.php +++ b/demos/selectmenu/index.php @@ -24,7 +24,7 @@Select menu API
+Select menu API
The select menu is based on a native select element, which is hidden from view and replaced with a custom-styled select button. Tapping it opens the native menu. There is also a custom select menu widget, which also replaces the native dropdown.
diff --git a/demos/slider/index.php b/demos/slider/index.php index b489e7c5e0b..30e26d5c8ad 100644 --- a/demos/slider/index.php +++ b/demos/slider/index.php @@ -33,7 +33,7 @@Slider API
+Slider API
Sliders are used to enter numeric values along a continuum and can also be dual handle range sliders or flip switches.
diff --git a/demos/table-column-toggle/index.php b/demos/table-column-toggle/index.php index 3e7b392b774..4622d171bf7 100644 --- a/demos/table-column-toggle/index.php +++ b/demos/table-column-toggle/index.php @@ -24,7 +24,7 @@Table: Column Toggle API
+Table: Column Toggle API
The column toggle table mode selectively hides columns at narrower widths as a sensible default but also offers a menu to let users manually control which columns they want to see.
diff --git a/demos/table-reflow/index.php b/demos/table-reflow/index.php index 0d228456671..e31a0d7ab7d 100644 --- a/demos/table-reflow/index.php +++ b/demos/table-reflow/index.php @@ -24,7 +24,7 @@Table: Reflow API
+Table: Reflow API
The reflow table mode works by collapsing the table columns into a stacked presentation that looks like blocks of label/data pairs for each row.
diff --git a/demos/tabs/index.php b/demos/tabs/index.php index 97ae5358c78..101e6c6c6bc 100644 --- a/demos/tabs/index.php +++ b/demos/tabs/index.php @@ -36,7 +36,7 @@Tabs API
+Tabs API
The jQuery mobile tabs widget is actually just an extension of the jQuery ui tabs widget and takes all the same options and methods.
Use navbar for tabs
diff --git a/demos/textinput/index.php b/demos/textinput/index.php index 6bc3f0cde42..2536fec0bc1 100644 --- a/demos/textinput/index.php +++ b/demos/textinput/index.php @@ -24,7 +24,7 @@Text inputs API
+Text inputs API
Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device.
diff --git a/demos/theme-default/index.php b/demos/theme-default/index.php index e12233d1cca..36ff0937465 100644 --- a/demos/theme-default/index.php +++ b/demos/theme-default/index.php @@ -59,7 +59,7 @@