From 3a3203151687534e536b4e35fc48741f3810df2d Mon Sep 17 00:00:00 2001 From: toddparker Date: Fri, 4 Nov 2011 18:07:38 -0400 Subject: [PATCH] Fixed code syntax issues. Thanks agcolom! --- docs/api/data-attributes.html | 180 +++++++++++++++++----------------- 1 file changed, 90 insertions(+), 90 deletions(-) diff --git a/docs/api/data-attributes.html b/docs/api/data-attributes.html index 9c72cd08..424e6da5 100644 --- a/docs/api/data-attributes.html +++ b/docs/api/data-attributes.html @@ -21,60 +21,60 @@
- +
- + - +

Button

Links with data-role="button". Input-based buttons and button elements are auto-enhanced, no data-role required.

- - - - - - -
data-cornerstrue | false + true | false
data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search + home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
data-iconposleft | right | top | bottom | notext + left | right | top | bottom | notext
data-iconshadowtrue | false + true | false
data-inlinetrue | false + true | false
data-shadowtrue | false + true | false
data-themeswatch letter (a-z) + swatch letter (a-z)

Multiple buttons can be wrapped in a container with a data-role="controlgroup" attribute for a vertically grouped set. Add the data-type="horizontal" attribute for the buttons to sit side-by-side.

- +

Checkbox

Pairs of labels and inputs with type="checkbox" are auto-enhanced, no data-role required

- -
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
@@ -83,42 +83,42 @@ - - -
data-collapsedtrue | false + true | false
data-content-themeswatch letter (a-z) + swatch letter (a-z)
data-themeswatch letter (a-z) + swatch letter (a-z)
- +

Collapsible set

A number of collapsibles wrapped in a container with the data-role="collapsible-set".

- -
data-content-themeswatch letter (a-z) - Sets all collapsibles in set + swatch letter (a-z) - Sets all collapsibles in set
data-themeswatch letter (a-z) - Sets all collapsibles in set + swatch letter (a-z) - Sets all collapsibles in set
- - + +

Content

Container with data-role="content"

-
data-themeswatch letter (a-z) + swatch letter (a-z)
- - + +

Fieldcontainer

Container with data-role="fieldcontain" wrapped around label/form element pair.

@@ -127,265 +127,265 @@ - data-track-theme - -
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
data-track-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
- +

Footer

Container with data-role="footer"

- - -
data-idstring (unique id, useful in persistent footers) + string (unique id, useful in persistent footers)
data-positionfixed + fixed
data-themeswatch letter (a-z) + swatch letter (a-z)
- +

Header

Container with data-role="header"

- - - - - -
data-add-back-btntrue | false (auto add back button, header only) + true | false (auto add back button, header only)
data-back-btn-textstring + string
data-back-btn-themeswatch letter (a-z) + swatch letter (a-z)
data-positionfixed + fixed
data-themeswatch letter (a-z) + swatch letter (a-z)
data-titlestring (title used when page is shown) + string (title used when page is shown)
- +

Link

Links, including those with a data-role="button", and form submit buttons share these attributes.

- - - - -
data-ajaxtrue | false + true | false
data-directionreverse (reverse page transition animation) + reverse (reverse page transition animation)
data-dom-cachetrue | false + true | false
data-prefetchtrue | false + true | false
data-rel back (to move one step back in history)
dialog (to open link styled as dialog, not tracked in history)
- external (for linking to another domain)
+ external (for linking to another domain)
data-transitionslide | slideup | slidedown | pop | fade | flip + slide | slideup | slidedown | pop | fade | flip
- +

Listview

OL or UL with data-role="listview".

- - - - - - - -
data-count-themeswatch letter (a-z) + swatch letter (a-z)
data-dividerthemeswatch letter (a-z) + swatch letter (a-z)
data-filtertrue | false + true | false
data-filter-placeholderstring + string
data-filter-themeswatch letter (a-z) + swatch letter (a-z)
data-insettrue | false + true | false
data-split-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search + home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
data-themeswatch letter (a-z) + swatch letter (a-z)
- +

Listview item

LI within a listview.

- - -
data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search + home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
data-rolelist-divider + list-divider
data-themeswatch letter (a-z) - can also be set on individual LIs + swatch letter (a-z) - can also be set on individual LIs
- +

Page

Container with data-role="page" or "dialog"

- - - - - -
data-close-btn-textstring (text for the close button, dialog only) + string (text for the close button, dialog only)
data-dom-cachetrue | false + true | false
data-idstring (unique id for the page) + string (unique id for the page)
data-fullscreentrue | false (used in conjunction with fixed toolbars) + true | false (used in conjunction with fixed toolbars)
data-themeswatch letter (a-z) + swatch letter (a-z)
data-titlestring (title used when page is shown) + string (title used when page is shown)
- +

Radio button

Pairs of labels and inputs with type="radio" are auto-enhanced, no data-role required.

- -
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
- +

Select

All select form elements are auto-enhanced, no data-role required

- - - - - - -
data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search + home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
data-iconposleft | right | top | bottom | notext + left | right | top | bottom | notext
data-inlinetrue | false + true | false
data-native-menutrue | false + true | false
data-placeholdertrue | false - Add to the Option + true | false - Add to the Option
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element

Multiple selects can be wrapped in a fieldset with a data-role="controlgroup" attribute for a vertically grouped set. Add the data-type="horizontal" attribute for the selects to sit side-by-side.

- +

Slider

Inputs with type="range" are auto-enhanced, no data-role required.

- - -
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
data-track-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
- +

Text input & Textarea

Input type="text|number|search|etc." or textarea elements are auto-enhanced, no data-role required.

- -
data-rolenone (prevents auto-enhancement to use native control) + none (prevents auto-enhancement to use native control)
data-themeswatch letter (a-z) - Added to the form element + swatch letter (a-z) - Added to the form element
- +
- +
- +
- +

More in this section

- +