Skip to content

buttonMarkup: Fixed the broken link in buttonMarkup API of 1-4 branch. #159

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 124 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
124 commits
Select commit Hold shift + click to select a range
a8c69c9
deprecate pageinit
johnbender Apr 16, 2013
e8dda56
Popup: Document option "arrow" added by the popup arrow extension.
Jul 30, 2013
69ead2b
entries and resources: Removing trailing whitespace.
Aug 17, 2013
3dc49d8
resources: Moving to jQM 1.4.0-alpha.2
Aug 17, 2013
a2098ff
Button: Updating for 1.4.0.
Aug 17, 2013
0064bb4
entries2html.xsl: Updating to 1.4.0-alpha.2 and removing script that …
Aug 17, 2013
809b378
entries: <code> blah</code> becomes <code>blah</code>.
Aug 17, 2013
721a502
Button: Documenting new options.
Aug 18, 2013
8e37e5b
Button: Re-organizing <h*> tags so they make more sense.
Aug 26, 2013
3ed9d6a
Checkboxradio: Documenting new options.
Aug 26, 2013
6bd8eaa
Collapsible set: Updating to reflect removal of the dash from "collap…
Aug 28, 2013
1699706
Collapsible set: Documenting new options.
Aug 28, 2013
6f7acc9
Collapsible set: Adding documentation about pre-rendering.
Aug 29, 2013
72f49d5
Collapsible: Updating for 1.4.0.
Aug 30, 2013
6b8c467
Textinput: Document new refresh() method.
Aug 30, 2013
a1ef950
Checkbox: Forgot to add example illustrating pre-rendering.
Aug 30, 2013
404f08e
Fixing theme swatch examples: b is the new dark swatch (replacing a) …
Sep 2, 2013
f776de2
Adding and referencing standard widget includes and adding missing in…
Sep 2, 2013
5381cde
Updated documentation about using custom icons. Fixes #143.
jaspermdegroot Sep 3, 2013
55b7264
Button: Move buttonMarkup into its own entry. Fixes #85.
Sep 2, 2013
f92f222
Button: Making the options portion more systematic.
Sep 4, 2013
fc0e05e
Checkboxradio: Touch up some options.
Sep 5, 2013
933e757
Giving all widget the initSelector option.
Sep 5, 2013
db9766c
Popup: Adding popup arrow documentation and example.
Sep 5, 2013
e12aab2
Rangeslider: Updating.
Sep 6, 2013
3f81c0c
Theme option: Creating include and applying it wherever its definitio…
Sep 6, 2013
d8678c4
15px padding for ui-content became 1em.
jaspermdegroot Sep 8, 2013
d53b491
Removed nested listviews.
jaspermdegroot Sep 8, 2013
cae467e
Button: Using <placeholder name="name"/> instead of button in a bunch…
Sep 8, 2013
fb9e7be
Popup: Documenting the two different types of the "arrow" option sepa…
Sep 8, 2013
ab58c46
Option enhanced: Factoring out into includes/widget-option-enhanced.xml
Sep 8, 2013
d692f0f
Collapsibleset: Modify blurb about initSelector option.
Sep 8, 2013
efe379f
Adding include for option initSelector.
Sep 8, 2013
e141bed
button and buttonMarkup: Marking option iconshadow as deprecated.
Sep 8, 2013
be8efdd
Filterable: New entry.
Sep 8, 2013
91a289f
Select: Deprecating option iconshadow.
Sep 8, 2013
4c499e4
Filterable: Removing popup example from the end of the file.
Sep 9, 2013
3cdb31f
Toolbar: Collecting header and footer into one place.
Sep 9, 2013
710ae1b
Toolbar: Minor fixes
Sep 9, 2013
6e5400b
Fixed toolbar: Moving into toolbar.
Sep 9, 2013
6e0d4d7
toolbar: Documenting options.
Sep 10, 2013
5a5772e
Toolbar: Documenting methods.
Sep 10, 2013
717eb6f
Dialog: Adding deprecation notice.
Sep 10, 2013
e28d4e3
Button: Updating options "inline" and "mini".
Sep 10, 2013
d947ae7
Textinput: Updating.
Sep 10, 2013
14368ec
Option mini: New include and corresponding references.
Sep 10, 2013
3f10519
Panel: Updating.
Sep 11, 2013
f0bb0e5
Custom select: Deprecating the behaviour whereby <option value="">Des…
Sep 11, 2013
275b0f9
Panel: Re-arranging options.
Sep 13, 2013
2414ad4
Button, select, textinput, and option "mini": Fixing XML tag mismatch…
Sep 15, 2013
73d8122
Loader: Removing references to deprecated items.
Sep 16, 2013
681af1f
You can use data-collapsed-icon="false" to have a collapsible without…
jaspermdegroot Sep 16, 2013
8ed1230
Pagecontainer: New entry.
Sep 17, 2013
e5629c0
Pageload and pagebeforeload: Deprecating and pointing to correspondin…
Sep 17, 2013
e5c0b6c
Collapsible: Documenting that collapsedIcon can also be a boolean (fa…
Sep 17, 2013
e654cbc
Pagecontainer: Moving event pageloadfailed into event pagecontainerlo…
Sep 17, 2013
53f979b
Pagecontainer: Moving event pagechangefailed into event pagecontainer…
Sep 17, 2013
f17aca6
Pagecontainer: Moving event pagehide into event pagecontainerhide.
Sep 17, 2013
7919def
Pagecontainer: Moving event pageshow into event pagecontainershow, an…
Sep 18, 2013
9688e5a
Page: add option keepNative and mark it as deprecated.
Sep 18, 2013
a980192
Pagecontainer: Documenting events beforetransition and transition.
Sep 18, 2013
2a3c9be
Pagecontainer: Move methods $.mobile.changePage and $.mobile.loadPage…
Sep 19, 2013
6f7bd48
changePage and loadPage: Cleaning up description.
Sep 19, 2013
1612057
buttonMarkup: Added deprecation warning.
Sep 19, 2013
2dbfbcd
Slider and range slider: Added deprecation warning
Sep 19, 2013
81bd284
Classes: New entry for documenting CSS classes.
Sep 23, 2013
9832e6c
Classes: Changing the wording for inset.
Sep 23, 2013
c56aef8
Examples: Moving from old-style git URL to new-style alpha.2 URL.
Sep 23, 2013
364f81d
Button: Marking style options as deprecated.
Sep 23, 2013
b1571ea
Checkboxradio: Deprecating style options.
Sep 23, 2013
56f8a47
Controlgroup: Deprecating style options.
Sep 23, 2013
5f60a86
Page: Deprecating style options.
Sep 23, 2013
c95a57a
Button: Correcting blurb about shadow.
Sep 23, 2013
b462142
Popup: Deprecating style options.
Sep 23, 2013
2d8fe77
Controlgroup: Correcting blurb about mini.
Sep 23, 2013
c10d855
Textinput: Deprecating style options.
Sep 23, 2013
008cd3d
Toolbar: Deprecating style options.
Sep 23, 2013
0615cd5
Table: Deprecated table-stroke and table-stripe classes.
jaspermdegroot Sep 23, 2013
f59ffeb
Revert style option deprecations.
Sep 24, 2013
697d695
Theme: Add entry explaining the concepts. Fixes #153 - Document that …
Sep 24, 2013
96b770b
Updated 1.4 API docs intro page.
jaspermdegroot Sep 24, 2013
08a7d31
Resources: Moving to 1.4.0-beta.1
Sep 24, 2013
90d5a9a
Resources: Popup: Remove source files and references to source files …
Sep 24, 2013
64d4b02
Controlgroup: Updating examples to not use data-role="button"
Sep 30, 2013
0b8c75f
Panel: Updated responsive panel CSS example.
jaspermdegroot Sep 30, 2013
aaacff3
global-config: Add deprecation warning to buttonMarkup related option.
Oct 2, 2013
5b40f6f
global-config: Remove global configuration options related to the loa…
Oct 2, 2013
c3bcde6
buttonMarkup: Added migration examples.
Oct 3, 2013
86ab7bd
buttonMarkup: Added blurb saying we do not recommend that people mix …
Oct 3, 2013
62007d5
Popup: Adding pre-rendered example.
Oct 3, 2013
39878ba
Checkboxradio: Updated example of pre-rendered checkbox to reflect ne…
Oct 3, 2013
d0a8f12
Textinput: Add section about and example of pre-rendered widget.
Oct 3, 2013
10bc8f9
Toolbar: Add example illustrating dynamic fixed toolbar injection.
Oct 4, 2013
d866229
Renamed Toolbars to Toolbar Widget
jaspermdegroot Oct 4, 2013
2713858
Data- attr reference: Updated field container section.
jaspermdegroot Oct 4, 2013
b59d677
Added toolbar section to data- attr reference. Addresses #82
jaspermdegroot Oct 4, 2013
0767ea3
Data- attr reference: Updated "Page" section.
jaspermdegroot Oct 4, 2013
4a59692
Fixed broken links in data- attr reference.
jaspermdegroot Oct 4, 2013
c2c8171
Data- attr reference: Moved fixed toobar to toolbar section and link …
jaspermdegroot Oct 4, 2013
da4f50a
Page: Removed note about IE7 because it's a C-grade browser as from 1.4.
jaspermdegroot Oct 4, 2013
b116197
Toolbar: Updated info about auto enhancement of buttons being depreca…
jaspermdegroot Oct 4, 2013
1003f11
Toolbar: Auto adding of ui-btn-left/right has been deprecated.
jaspermdegroot Oct 4, 2013
fd13972
Data- attr reference: Use the widget name as section heading.
jaspermdegroot Oct 4, 2013
18b9a8e
Renamed select to selectmenu, the actual widget name.
jaspermdegroot Oct 4, 2013
c345220
Toolbar: Added info about setting a theme being required for external…
jaspermdegroot Oct 4, 2013
8b9518d
Navbar: Added not about ui-state-persist doesn't work with external t…
jaspermdegroot Oct 6, 2013
1f48b76
Changed Header, Footer, Fixedtoolbar description: refer to Toolbar Wi…
jaspermdegroot Oct 6, 2013
3b1f100
Updated controlgroup documentation.
jaspermdegroot Oct 6, 2013
f90d071
Updated to class ui-field-contain and added note about data-role="fie…
jaspermdegroot Oct 6, 2013
e337591
Re-wording pre-rendered intro blurb.
Oct 8, 2013
4328157
Flipswitch: Adding entry.
Oct 8, 2013
4b56392
Flipswitch: Forgot to mark data-corners="false" in pre-rendered example.
Oct 8, 2013
8cfdbcb
Pre-rendered markup: Adding blurb about having to add the attribute d…
Oct 8, 2013
1d1d133
Pre-rendered widgets: Factoring out common text.
Oct 8, 2013
5f00b49
Column toggle table: Adding documentation about pre-rendered content.
Oct 9, 2013
f8007e8
Updating core version to 1.10.2 and jQuery Mobile version to git.
Oct 9, 2013
25cb9b7
set-lib-versions.sh: Script to replace core and mobile version in ent…
Oct 9, 2013
8a0b175
set-lib-versions.sh: Added blurb about what it does.
Oct 13, 2013
5527668
Global config: Deprecating defaultDialogTransition, and adding IDs to…
Oct 15, 2013
c6a6997
Global config: Removing touchOverflowEnabled, which was deprecated in…
Oct 15, 2013
3ecd9dd
Global config: Expanded on how to give dialog-styled pages a differen…
Oct 16, 2013
31bb217
Global config: Deprecated $.mobile.minScrollBack and $.mobile.subPage…
Oct 16, 2013
7f31270
Categories: Add deprecation notice to the "Widgets" category indicati…
Oct 16, 2013
17488d9
buttonMarkup: Fixed the broken link in buttonMarkup API.
hyunsook Oct 21, 2013
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
22 changes: 21 additions & 1 deletion categories.xml
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,22 @@
<category name="Uncategorized" slug="uncategorized"/>
<category name="Widgets" slug="widgets">
<desc><![CDATA[
<p>Widgets are feature-rich, stateful plugins that have a full life-cycle, along with methods and events. Check out the <a href="/jQuery.widget/">widget factory</a> documentation for more details.</p>
<p>Widgets are feature-rich, stateful plugins that have a full life-cycle, along with methods and events. Check out the <a href="/jQuery.widget/">widget factory</a> documentation for more details.
<div style="padding: 0.5em 1em; margin: 1em; background: #FFF3A5;"><strong>Note</strong>: The base widget (<code>$.mobile.widget</code>) is deprecated as of 1.4 and will be removed in 1.5. It is now sufficient to base your custom jQuery Mobile widgets on the jQuery UI <a href="http://api.jqueryui.com/jQuery.widget">widget factory</a> itself. This means that in your call to <code>$.widget()</code> you can omit the base altogether.
<pre><code>
$.widget( "my.widget", /* NOTE: no base needed */ {
options: {
/* ... */
},

_create: function() {
/* ... */
}

/* ... */
});</code></pre>
</div>
</p>
]]></desc>
</category>
<category name="Events" slug="events">
Expand All @@ -13,6 +28,11 @@
<desc><![CDATA[
<p>jQuery Mobile exposes several methods and properties on the $.mobile object for use in your applications.</p>]]></desc>
</category>
<category name="CSS Framework" slug="css-framework">
<desc><![CDATA[
<p>jQuery Mobile offers CSS-based enhancements for common user interface elements.</p>]]>
</desc>
</category>
<category name="Miscellaneous" slug="misc">
<desc></desc>
</category>
Expand Down
335 changes: 58 additions & 277 deletions entries/button.xml

Large diffs are not rendered by default.

290 changes: 290 additions & 0 deletions entries/buttonMarkup.xml

Large diffs are not rendered by default.

88 changes: 48 additions & 40 deletions entries/checkboxradio.xml
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="../entries2html.xsl" ?>
<entry name="checkboxradio" namespace="fn" type="widget" widgetnamespace="mobile" event-prefix="checkboxradio">
<entry name="checkboxradio" namespace="fn" type="widget" widgetnamespace="mobile" event-prefix="checkboxradio" init-selector="input:not( :jqmData(role='flipswitch' ) )[type='checkbox'],input[type='radio']:not( :jqmData(role='flipswitch' ))">
<title>Checkboxradio Widget</title>
<desc>Creates a checkboxradio widget</desc>
<longdesc>
<h2>Checkboxes</h2>
<p>Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback. </p>
<p>Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
<p>The checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible.</p>
<p>To create a single checkbox, add an <code>input</code> with a <code>type="checkbox"</code> attribute and a corresponding <code>label</code>. If the <code>input</code> isnt wrapped in its corresponding <code>label</code>, be sure to set the <code>for</code> attribute of the <code>label</code> to match the <code>id</code> of the <code>input</code> so they are semantically associated.</p>
<p>To create a single checkbox, add an <code>input</code> with a <code>type="checkbox"</code> attribute and a corresponding <code>label</code>. If the <code>input</code> isn't wrapped in its corresponding <code>label</code>, be sure to set the <code>for</code> attribute of the <code>label</code> to match the <code>id</code> of the <code>input</code> so they are semantically associated.</p>

<pre><code>
&lt;label&gt;&lt;input type="checkbox" name="checkbox-0" /&gt; I agree &lt;/label&gt;
Expand All @@ -20,7 +20,7 @@

<h3>Mini version</h3>

<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a mini version. </p>
<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a mini version.</p>

<pre><code>
&lt;input type="checkbox" name="checkbox-mini" id="checkbox-mini-1" class="custom" data-mini="true" /&gt;
Expand All @@ -32,10 +32,13 @@

<h3>Field containers &amp; Legends</h3>

<p>Optionally wrap the checkboxes in a container with class <code>ui-field-contain</code> to help visually group it in a longer form.</p>
<p><strong>Note: The <code>data-</code> attribute <code>data-role="fieldcontain"</code> is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0. Add class <code>ui-field-contain</code> instead.</strong></p>

<p>Because checkboxes use the <code>label</code> element for the text displayed next to the checkbox form element, we recommend wrapping the checkbox in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question. Add the <code>data-role="controlgroup"</code> attribute to the <code>fieldset</code> so it can be styled in a parallel way as text inputs, selects or other form elements.</p>

<pre><code>
&lt;div data-role="fieldcontain"&gt;
&lt;div class="ui-field-contain"&gt;
&lt;fieldset data-role="controlgroup"&gt;
&lt;legend&gt;Agree to the terms:&lt;/legend&gt;
&lt;input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" /&gt;
Expand All @@ -47,7 +50,7 @@

<h3>Vertically grouped checkboxes</h3>

<p>Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the <code>data-type="horizontal"</code> to the <code>fieldset</code>.
<p>Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the <code>data-type="horizontal"</code> to the <code>fieldset</code>.
<iframe src="/resources/checkbox/example4.html" style="width:100%;height:220px;border:0px"></iframe></p>

<pre><code>
Expand All @@ -57,11 +60,11 @@
<p>The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.<iframe src="/resources/checkbox/example5.html" style="width:100%;height:100px;border:0px"></iframe></p>

<h2>Radio buttons</h2>
<p>Radio buttons are used to provide a list of options where only a single item can be selected. Traditional desktop radio buttons are not optimized for touch input so jQuery Mobile styles the <code>label</code> for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback. </p>
<p>Radio buttons are used to provide a list of options where only a single item can be selected. Traditional desktop radio buttons are not optimized for touch input so jQuery Mobile styles the <code>label</code> for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
<p>The radio button controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible.</p>

<h3>Vertically grouped radio buttons</h3>

<p>To create a set of radio buttons, add an input with a type="radio" attribute and a corresponding label. Set the for attribute of the label to match the id of the input so they are semantically associated.</p>
<p>The label element is displayed next to the radio form element. Wrap the radio buttons in a fieldset element that has a legend which acts as the title for the question.</p>
<p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a data-role="controlgroup" attribute on the container.</p>
Expand Down Expand Up @@ -108,10 +111,11 @@

<h3>Field containers</h3>

<p>Optionally wrap the radiobuttons in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
<p>Optionally wrap the radio buttons in a container with class <code>ui-field-contain</code> to help visually group it in a longer form.</p>
<p><strong>Note: The <code>data-</code> attribute <code>data-role="fieldcontain"</code> is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0. Add class <code>ui-field-contain</code> instead.</strong></p>

<pre><code>
&lt;div data-role="fieldcontain"&gt;
&lt;div class="ui-field-contain"&gt;
&lt;fieldset data-role="controlgroup"&gt;
&lt;legend&gt;Choose a pet:&lt;/legend&gt;
&lt;input type="radio" name="radio-choice-2" id="radio-choice-21" value="choice-1" checked="checked" /&gt;
Expand Down Expand Up @@ -142,46 +146,50 @@
<iframe src="/resources/radiobutton/example4.html" style="width:100%;height:90px;border:0px"></iframe>

<p>The labels float so they sit side-by-side on a line. The radio button icons are hidden and only the left and right edges of the group are rounded.</p>


<xi:include href="../includes/pre-rendered-common.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<p>The checkboxradio widget wraps the <code>input</code> element in a <code>div</code> and prepends the <code>label</code> element to the <code>div</code>.</p>
<p>In the example below, pre-rendered markup for a checkbox is provided. The attribute <code>data-corners="false"</code> is explicitly specified, since the absence of the <code>ui-corner-all</code> class on the <code>label</code> element indicates that the value of the "corners" widget option is to be false.</p>

<pre><code>
&lt;div class="ui-checkbox"&gt;
&lt;label for="my-checkbox" class="ui-btn ui-btn-inherit ui-btn-icon-left ui-checkbox-off"&gt;My Checkbox&lt;/label&gt;
&lt;input type="checkbox" id="my-checkbox" data-corners="false" data-enhanced="true"&gt;&lt;/input&gt;
&lt;/div&gt;
</code></pre>

<iframe src="/resources/checkbox/example6.html" style="width:100%;height:90px;border:0px"></iframe>

</longdesc>
<added>1.0</added>
<options>
<option name="mini" default="false" example-value="true">
<desc>Sets the size of the element to a more compact, mini version.
<p>This option is also exposed as a data attribute: <code>data-mini="true"</code>.</p>
<xi:include href="../includes/widget-option-disabled.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/widget-option-enhanced.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<option name="iconpos" default='"left"' example-value='"right"'>
<desc>Allows you to specify on which side of the checkbox or radio button the checkmark/radio icon will appear.
<p>This option is also exposed as a data attribute: <code>data-iconpos="right"</code>.</p>
</desc>
<type name="Boolean" />
<type name="String" />
</option>
<option name="theme" default="null, inherited from parent" example-value='"a"'>
<desc>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as its parent container if not explicitly set.

<p>Possible values: swatch letter (a-z).</p>
<p>This option is also exposed as a data attribute: <code>data-theme="a"</code>.</p>
<xi:include href="../includes/widget-option-initSelector.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/widget-option-mini.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<option name="wrapperClass" default="null" example-value='"custom-class"'>
<desc>It is difficult to write custom CSS for the wrapper <code>div</code> around the native <code>input</code> element generated by the framework. This option allows you to specify one or more space-separated class names to be added to the wrapper <code>div</code> element by the framework.
<p>This option is also exposed as a data attribute: <code>data-wrapper-class="custom-class"</code>.</p>
</desc>
<type name="String" />
</option>
</options>
<events>
<event name="create">
<desc>triggered when a checkboxradio is created</desc>
<argument name="event" type="Event">
</argument>
<argument name="ui" type="Object">
</argument>
</event>
<xi:include href="../includes/widget-event-create.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
</events>
<methods>
<method name="enable">
<desc>enable a disabled checkboxradio.
</desc>
</method>
<method name="disable">
<desc>disable a checkboxradio.
</desc>
</method>
<xi:include href="../includes/widget-method-destroy.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/widget-method-disable.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/widget-method-enable.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/widget-method-option.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<method name="refresh">
<example>$( ".selector" ).prop( "checked", true ).checkboxradio( "refresh" );</example>

<desc>update the checkboxradio.
<p>If you manipulate a checkboxradio via JavaScript, you must call the refresh method on it to update the visual styling. </p>
</desc>
Expand All @@ -193,14 +201,14 @@
<h1>jQuery Mobile Example</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<div class="ui-field-contain">
<form>
<fieldset data-role="controlgroup">
<legend>Agree to the terms:</legend>
<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" />
<label for="checkbox-2">I agree</label>
</fieldset>
</form>
</form>
</div>
</div> ]]></html>
</example>
Expand All @@ -225,7 +233,7 @@

<input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4" />
<label for="radio-choice-4">Lizard</label>
</fieldset>
</fieldset>
</form>
</div>]]></html>
</example>
Expand Down
Loading