Showing with 206 additions and 290 deletions.
  1. +2 −2 demos/_assets/js/globalnav.js
  2. +1 −1 demos/_assets/js/h2widget.js
  3. +3 −3 demos/_assets/js/jqm-demos.js
  4. +1 −1 demos/_assets/js/view-source.js
  5. +14 −14 demos/widgets/accordions/index.php
  6. +1 −1 demos/widgets/autocomplete/autocomplete-remote.php
  7. +1 −1 demos/widgets/autocomplete/index.php
  8. +21 −24 demos/widgets/buttons/index.php
  9. +1 −1 demos/widgets/checkbox/index.php
  10. +14 −14 demos/widgets/collapsibles/index.php
  11. +1 −1 demos/widgets/controlgroups/index.php
  12. +4 −4 demos/widgets/dialog/dialog-alt.html
  13. +4 −4 demos/widgets/dialog/dialog-overlay.html
  14. +2 −2 demos/widgets/dialog/dialog-success.html
  15. +3 −3 demos/widgets/dialog/dialog-with-select.html
  16. +3 −3 demos/widgets/dialog/dialog.html
  17. +1 −1 demos/widgets/dialog/index.php
  18. +4 −4 demos/widgets/fixed-toolbars/bars-fixed-forms.php
  19. +1 −1 demos/widgets/fixed-toolbars/footer-persist-a.php
  20. +1 −1 demos/widgets/fixed-toolbars/footer-persist-b.php
  21. +2 −2 demos/widgets/fixed-toolbars/footer-persist-c.php
  22. +1 −1 demos/widgets/fixed-toolbars/footer-persist-d.php
  23. +1 −1 demos/widgets/footers/index.php
  24. +4 −4 demos/widgets/forms/index.php
  25. +1 −1 demos/widgets/grids/grid-buttons.php
  26. +1 −1 demos/widgets/grids/index.php
  27. +1 −1 demos/widgets/headers/external-fixed.php
  28. +1 −1 demos/widgets/headers/external.php
  29. +1 −1 demos/widgets/headers/footer-persist-a.php
  30. +1 −1 demos/widgets/headers/footer-persist-b.php
  31. +2 −2 demos/widgets/headers/footer-persist-c.php
  32. +1 −1 demos/widgets/headers/footer-persist-d.php
  33. +1 −1 demos/widgets/headers/index.php
  34. +1 −1 demos/widgets/headers/optimized-persistant-toolbars-a.php
  35. +1 −1 demos/widgets/headers/optimized-persistant-toolbars-b.php
  36. +2 −2 demos/widgets/headers/optimized-persistant-toolbars-c.php
  37. +1 −1 demos/widgets/headers/optimized-persistant-toolbars-d.php
  38. +20 −95 demos/widgets/icons/index.php
  39. +2 −2 demos/widgets/links/index.php
  40. +19 −19 demos/widgets/listviews/index.php
  41. +5 −8 demos/widgets/loader/index.php
  42. +2 −5 demos/widgets/navbar/index.php
  43. +2 −2 demos/widgets/navigation/index.php
  44. +1 −1 demos/widgets/pages/index.php
  45. +3 −3 demos/widgets/pages/multipage-template.html
  46. +5 −5 demos/widgets/panels/index.php
  47. +1 −1 demos/widgets/panels/panel-fixed.php
  48. +21 −21 demos/widgets/popup/index.php
  49. +4 −4 demos/widgets/popup/popup-iframes.php
  50. +1 −1 demos/widgets/radiobuttons/index.php
  51. +1 −1 demos/widgets/selects/custom-selects.php
  52. +1 −1 demos/widgets/selects/index.php
  53. +2 −2 demos/widgets/sliders/index.php
  54. +1 −1 demos/widgets/sliders/rangeslider.php
  55. +1 −1 demos/widgets/sliders/switch.php
  56. +1 −1 demos/widgets/table-column-toggle/index.php
  57. +1 −1 demos/widgets/table-reflow/index.php
  58. +1 −1 demos/widgets/tabs/index.php
  59. +1 −1 demos/widgets/textinputs/index.php
  60. +2 −2 demos/widgets/transitions/page-transitions-dialog.php
  61. +2 −2 demos/widgets/transitions/page-transitions-page.php
4 demos/_assets/js/globalnav.js
View file
@@ -5,8 +5,8 @@
theme: null,
countTheme: null,
dividerTheme: null,
icon: "arrow-r",
splitIcon: "arrow-r",
icon: "carat-r",
splitIcon: "carat-r",
splitTheme: null,
corners: true,
shadow: true,
2 demos/_assets/js/h2widget.js
View file
@@ -129,7 +129,7 @@

h2dictionary[id] = text;
if(!first){
$(this).before( "<a href='#" + bodyid + "' class='jqm-deeplink ui-link'>Return to top<span class='ui-icon ui-icon-arrow-u'>&nbsp;</span></a>");
$(this).before( "<a href='#" + bodyid + "' class='jqm-deeplink ui-link'>Return to top<span class='ui-icon ui-icon-carat-u'>&nbsp;</span></a>");
} else {
$(this).before("<a href='#' data-ajax='false' class='jqm-deeplink ui-link jqm-open-quicklink-panel'>Jump to section<span class='ui-icon ui-icon-bars'>&nbsp;</span></a>");
}
6 demos/_assets/js/jqm-demos.js
View file
@@ -199,8 +199,8 @@ $( document ).on( "mobileinit", function() {
theme: null,
countTheme: null,
dividerTheme: null,
icon: "arrow-r",
splitIcon: "arrow-r",
icon: "carat-r",
splitIcon: "carat-r",
splitTheme: null,
corners: true,
shadow: true,
@@ -238,7 +238,7 @@ $( document ).on( "mobileinit", function() {
enterToNav: function() {
var form = this.element.parent().find( "form" );

form.append( "<button type='submit' data-icon='arrow-r' data-inline='true' class='ui-hidden-accessible' data-iconpos='notext'>Submit</button>" )
form.append( "<button type='submit' data-icon='carat-r' data-inline='true' class='ui-hidden-accessible' data-iconpos='notext'>Submit</button>" )
.parent()
.trigger( "create" );

2 demos/_assets/js/view-source.js
View file
@@ -95,7 +95,7 @@ function makeButton() {
a.setAttribute( "href", "#popupDemo" );
a.setAttribute( "data-rel", "popup" );
a.setAttribute( "data-role", "button" );
a.setAttribute( "data-icon", "arrow-u" );
a.setAttribute( "data-icon", "carat-u" );
a.setAttribute( "data-mini", "true" );
a.setAttribute( "data-inline", "true" );
a.setAttribute( "data-shadow", "false" );
28 demos/widgets/accordions/index.php
View file
@@ -24,7 +24,7 @@

<div data-role="content" class="jqm-content">

<h1>Accordions <a href="http://api.jquerymobile.com/collapsible-set/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-r" data-iconpos="right" class="jqm-api-link">API</a></h1>
<h1>Accordions <a href="http://api.jquerymobile.com/collapsible-set/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="carat-r" data-iconpos="right" class="jqm-api-link">API</a></h1>

<p class="jqm-intro">An accordion is created in jQuery Mobile by grouping a series of individual collapsibles into set.
</p>
@@ -34,7 +34,7 @@
<p>Collapsible sets start with the same markup as <a href="../collapsibles/" data-ajax="false">individual collapsibles</a> which have a heading followed by the collapsible content. By adding a parent wrapper with a <code>data-role="collapsible-set"</code> attribute to the collapsibles they will be visually grouped and they will behave like an accordion so only one section can be open at a time.</p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-theme="c" data-content-theme="d">
<div data-role="collapsible-set" data-theme="a" data-content-theme="a">
<div data-role="collapsible">
<h3>Section 1</h3>
<p>I'm the collapsible content for section 1</p>
@@ -92,7 +92,7 @@
<p>For a more compact version that is useful in tight spaces, add the <code>data-mini="true"</code> attribute to the set. </p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-mini="true">
<div data-role="collapsible-set" data-theme="a" data-content-theme="a" data-mini="true">
<div data-role="collapsible">
<h3>I'm a mini collapsible</h3>
<p>This is good for tight spaces.</p>
@@ -114,7 +114,7 @@
<p>The default icons of collapsible headings can be overridden by using the <code>data-collapsed-icon</code> and <code>data-expanded-icon</code> attributes, either at the <code>collapsible-set</code> level or on any of its collapsibles individually.</p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<div data-role="collapsible-set" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<div data-role="collapsible">
<h3>Icon set on the set</h3>
<p>Specify the open and close icons on the set to apply it to all the collapsibles within.</p>
@@ -135,7 +135,7 @@
<p>The default icon positioning of collapsible headings can be overridden by using the <code>data-iconpos</code> attribute, either at the <code>collapsible-set</code> level or on any of its collapsibles individually.</p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-iconpos="right">
<div data-role="collapsible-set" data-theme="a" data-content-theme="a" data-iconpos="right">
<div data-role="collapsible">
<h3>Right</h3>
<p>Inherits icon positioning from <code>data-iconpos="right"</code> attribute on set.</p>
@@ -159,7 +159,7 @@
<p>Add the <code>data-corners="false"</code> attribute to get an inset collapsible set without rounded corners.</p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-corners="false" data-theme="c" data-content-theme="d">
<div data-role="collapsible-set" data-corners="false" data-theme="a" data-content-theme="a">
<div data-role="collapsible">
<h3>Section 1</h3>
<p>Collapsible content</p>
@@ -196,18 +196,18 @@
<p>To have individual sections in a group styled differently, add <code>data-theme</code> and <code>data-content-theme</code> attributes to specific collapsibles.</p>

<div data-demo-html="true">
<div data-role="collapsible-set" data-content-theme="c">
<div data-role="collapsible" data-theme="b" data-content-theme="b">
<div data-role="collapsible-set" data-content-theme="a">
<div data-role="collapsible" data-theme="b" data-content-theme="a">
<h3>Section header, swatch B</h3>
<p>Collapsible content, swatch "b"</p>
<p>Collapsible content, swatch "a"</p>
</div>
<div data-role="collapsible" data-theme="a" data-content-theme="a">
<div data-role="collapsible" data-theme="a" data-content-theme="b">
<h3>Section header, swatch A</h3>
<p>Collapsible content, swatch "a"</p>
<p>Collapsible content, swatch "b"</p>
</div>
<div data-role="collapsible" data-theme="e" data-content-theme="d">
<h3>Section header, swatch E</h3>
<p>Collapsible content, swatch "d"</p>
<div data-role="collapsible" data-theme="b" data-content-theme="b">
<h3>Section header, swatch B</h3>
<p>Collapsible content, swatch "b"</p>
</div>
</div>
</div><!--/demo-html -->
2 demos/widgets/autocomplete/autocomplete-remote.php
View file
@@ -70,7 +70,7 @@
<div data-demo-html="true" data-demo-js="true" data-demo-css="true">
<h3>Cities worldwide</h3>
<p>After you enter <strong>at least three characters</strong> the autocomplete function will show all possible matches.</p>
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="d"></ul>
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="a"></ul>
</div><!--/demo-html -->

<a href="index.php" class="jqm-button" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-l" data-iconpos="left">Back to autocomplete</a>
2 demos/widgets/autocomplete/index.php
View file
@@ -24,7 +24,7 @@

<div data-role="content" class="jqm-content">

<h1>Autocomplete <a href="http://api.jquerymobile.com/listview/#option-filter" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-r" data-iconpos="right" class="jqm-api-link">API</a></h1>
<h1>Autocomplete <a href="http://api.jquerymobile.com/listview/#option-filter" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="carat-r" data-iconpos="right" class="jqm-api-link">API</a></h1>

<p class="jqm-intro">An autocomplete widget backed by either local or remote data can be created by leveraging the listview filter feature.
</p>
45 demos/widgets/buttons/index.php
View file
@@ -24,7 +24,7 @@

<div data-role="content" class="jqm-content">

<h1>Buttons <a href="http://api.jquerymobile.com/button/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-r" data-iconpos="right" class="jqm-api-link">API</a></h1>
<h1>Buttons <a href="http://api.jquerymobile.com/button/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="carat-r" data-iconpos="right" class="jqm-api-link">API</a></h1>

<p class="jqm-intro">Buttons are core widgets in jQuery Mobile and are used within a wide range of other plugins. The button markup is flexible and can be created from links or form buttons.
</p>
@@ -62,9 +62,6 @@
<p>
<a href="#" data-role="button" data-theme="a" data-inline="true">A</a>
<a href="#" data-role="button" data-theme="b" data-inline="true">B</a>
<a href="#" data-role="button" data-theme="c" data-inline="true">C</a>
<a href="#" data-role="button" data-theme="d" data-inline="true">D</a>
<a href="#" data-role="button" data-theme="e" data-inline="true">E</a>
</p>
</div><!--/demo-html -->

@@ -84,26 +81,26 @@
<p>An <a href="../icons/">icon</a> can be added to a button by adding a <code> data-icon</code> attribute on the anchor specifying the icon to display.</p>

<div data-demo-html="true">
<a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">Plus</a>
<a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">Minus</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="c" data-inline="true">Delete</a>
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="c" data-inline="true">Arrow left</a>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="c" data-inline="true">Arrow right</a>
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="c" data-inline="true">Arrow up</a>
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="c" data-inline="true">Arrow down</a>
<a href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">Check</a>
<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true">Gear</a>
<a href="#" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="c" data-inline="true">Refresh</a>
<a href="#" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="c" data-inline="true">Forward</a>
<a href="#" data-role="button" data-icon="back" data-iconpos="notext" data-theme="c" data-inline="true">Back</a>
<a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="c" data-inline="true">Grid</a>
<a href="#" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true">Star</a>
<a href="#" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="c" data-inline="true">Alert</a>
<a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-theme="c" data-inline="true">Info</a>
<a href="#" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true">Home</a>
<a href="#" data-role="button" data-icon="search" data-iconpos="notext" data-theme="c" data-inline="true">Search</a>
<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="c" data-inline="true">Bars</a>
<a href="#" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="c" data-inline="true">Edit</a>
<a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-inline="true">Plus</a>
<a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-inline="true">Minus</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">Delete</a>
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-inline="true">Arrow left</a>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true">Arrow right</a>
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-inline="true">Arrow up</a>
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-inline="true">Arrow down</a>
<a href="#" data-role="button" data-icon="check" data-iconpos="notext" data-inline="true">Check</a>
<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-inline="true">Gear</a>
<a href="#" data-role="button" data-icon="refresh" data-iconpos="notext" data-inline="true">Refresh</a>
<a href="#" data-role="button" data-icon="forward" data-iconpos="notext" data-inline="true">Forward</a>
<a href="#" data-role="button" data-icon="back" data-iconpos="notext" data-inline="true">Back</a>
<a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-inline="true">Grid</a>
<a href="#" data-role="button" data-icon="star" data-iconpos="notext" data-inline="true">Star</a>
<a href="#" data-role="button" data-icon="alert" data-iconpos="notext" data-inline="true">Alert</a>
<a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-inline="true">Info</a>
<a href="#" data-role="button" data-icon="home" data-iconpos="notext" data-inline="true">Home</a>
<a href="#" data-role="button" data-icon="search" data-iconpos="notext" data-inline="true">Search</a>
<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" data-inline="true">Bars</a>
<a href="#" data-role="button" data-icon="edit" data-iconpos="notext" data-inline="true">Edit</a>
</div><!--/demo-html -->

<h2 id="button-icon-position">Icon position</h2>
2 demos/widgets/checkbox/index.php
View file
@@ -23,7 +23,7 @@

<div data-role="content" class="jqm-content">

<h1>Checkboxes <a href="http://api.jquerymobile.com/checkboxradio/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-r" data-iconpos="right" class="jqm-api-link">API</a></h1>
<h1>Checkboxes <a href="http://api.jquerymobile.com/checkboxradio/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="carat-r" data-iconpos="right" class="jqm-api-link">API</a></h1>

<p class="jqm-intro">Checkboxes are used to provide a list of options where more than one can be selected.
</p>