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 @@
Links with data-role="button". Input-based buttons and button elements are auto-enhanced, no data-role required.
| data-corners | -true | false | + | true | false |
|---|---|---|---|
| data-icon | -home | 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-iconpos | -left | right | top | bottom | notext | + | left | right | top | bottom | notext |
| data-iconshadow | -true | false | + | true | false |
| data-inline | -true | false | + | true | false |
| data-shadow | -true | false | + | true | false |
| data-theme | -swatch 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.
Pairs of labels and inputs with type="checkbox" are auto-enhanced, no data-role required
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
| data-collapsed | -true | false | + | true | false |
|---|---|---|---|
| data-content-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
A number of collapsibles wrapped in a container with the data-role="collapsible-set".
| data-content-theme | -swatch letter (a-z) - Sets all collapsibles in set | + | swatch letter (a-z) - Sets all collapsibles in set |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Sets all collapsibles in set | + | swatch letter (a-z) - Sets all collapsibles in set |
Container with data-role="content"
| data-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
|---|
Container with data-role="fieldcontain" wrapped around label/form element pair.
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
| data-track-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
Container with data-role="footer"
| data-id | -string (unique id, useful in persistent footers) | + | string (unique id, useful in persistent footers) |
|---|---|---|---|
| data-position | -fixed | + | fixed |
| data-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
Container with data-role="header"
| data-add-back-btn | -true | false (auto add back button, header only) | + | true | false (auto add back button, header only) |
|---|---|---|---|
| data-back-btn-text | -string | + | string |
| data-back-btn-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-position | -fixed | + | fixed |
| data-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-title | -string (title used when page is shown) | + | string (title used when page is shown) |
Links, including those with a data-role="button", and form submit buttons share these attributes.
| data-ajax | -true | false | + | true | false |
|---|---|---|---|
| data-direction | -reverse (reverse page transition animation) | + | reverse (reverse page transition animation) |
| data-dom-cache | -true | false | + | true | false |
| data-prefetch | -true | 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-transition | -slide | slideup | slidedown | pop | fade | flip | + | slide | slideup | slidedown | pop | fade | flip |
OL or UL with data-role="listview".
| data-count-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
|---|---|---|---|
| data-dividertheme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-filter | -true | false | + | true | false |
| data-filter-placeholder | -string | + | string |
| data-filter-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-inset | -true | false | + | true | false |
| data-split-icon | -home | 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-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
LI within a listview.
| data-icon | -home | 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-role | -list-divider | + | list-divider |
| data-theme | -swatch letter (a-z) - can also be set on individual LIs | + | swatch letter (a-z) - can also be set on individual LIs |
Container with data-role="page" or "dialog"
| data-close-btn-text | -string (text for the close button, dialog only) | + | string (text for the close button, dialog only) |
|---|---|---|---|
| data-dom-cache | -true | false | + | true | false |
| data-id | -string (unique id for the page) | + | string (unique id for the page) |
| data-fullscreen | -true | false (used in conjunction with fixed toolbars) | + | true | false (used in conjunction with fixed toolbars) |
| data-theme | -swatch letter (a-z) | + | swatch letter (a-z) |
| data-title | -string (title used when page is shown) | + | string (title used when page is shown) |
Pairs of labels and inputs with type="radio" are auto-enhanced, no data-role required.
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
All select form elements are auto-enhanced, no data-role required
| data-icon | -home | 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-iconpos | -left | right | top | bottom | notext | + | left | right | top | bottom | notext |
| data-inline | -true | false | + | true | false |
| data-native-menu | -true | false | + | true | false |
| data-placeholder | -true | false - Add to the Option | + | true | false - Add to the Option |
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
| data-theme | -swatch 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.
Inputs with type="range" are auto-enhanced, no data-role required.
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
| data-track-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |
Input type="text|number|search|etc." or textarea elements are auto-enhanced, no data-role required.
| data-role | -none (prevents auto-enhancement to use native control) | + | none (prevents auto-enhancement to use native control) |
|---|---|---|---|
| data-theme | -swatch letter (a-z) - Added to the form element | + | swatch letter (a-z) - Added to the form element |