Added a few fixes and cleanup to data- attr page

This commit is contained in:
Todd Parker 2011-11-03 23:08:33 -04:00
parent 73ee4c995e
commit 50e0c1a9d9

View file

@ -27,11 +27,11 @@
<style>
table { width:100%; border-bottom:1px solid #ccc; }
th { text-align:left; width: 170px; }
th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 0 10px }
th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 10px 4px 0; }
</style>
<h2><a href="../buttons/buttons-types.html">Button</a></h2>
<p>Links with <code>data-role="button"</code> or input-based buttons, or button elements</p>
<p>Links with <code>data-role="button"</code>. Input-based buttons and button elements are auto-enhanced, no <code>data-role required</code>.</p>
<table>
<tr>
<th>data-corners</th>
@ -66,7 +66,7 @@
<h2><a href="../toolbars/docs-footers.html">Checkbox</a></h2>
<p>Pairs of labels and inputs with <code>type="checkbox"</code></p>
<p>Pairs of labels and inputs with <code>type="checkbox"</code> are auto-enhanced, no <code>data-role required</code></p>
<table>
<tr>
<th>data-role</th>
@ -79,7 +79,7 @@
</table>
<h2><a href="../content/content-collapsible.html">Collapsible</a></h2>
<p>Wrap a heading and content in a container with the <code>data-role="collapsible"</code></p>
<p>A heading and content wrapped in a container with the <code>data-role="collapsible"</code>.</p>
<table>
<tr>
<th>data-collapsed</th>
@ -96,7 +96,7 @@
</table>
<h2><a href="../content/content-collapsible-set.html">Collapsible set</a></h2>
<p>Wrap a number of collapsibles in a container with the <code>data-role="collapsible-set"</code></p>
<p>A number of collapsibles wrapped in a container with the <code>data-role="collapsible-set"</code>.</p>
<table>
<tr>
<th>data-content-theme</th>
@ -137,7 +137,7 @@
</table>
<h2><a href="../toolbars/docs-footers.html">Fieldcontainer</a></h2>
<p>Container around label/form element with <code>data-role="fieldcontain"</code></p>
<p>Container with <code>data-role="fieldcontain"</code> wrapped around label/form element pair.</p>
<h2><a href="../forms/switch/">Flip Switch</a></h2>
<p>Select with <code>data-role="slider"</code>, two options only</p>
@ -214,7 +214,7 @@
</table>
<h2><a href="../lists/docs-lists.html">Listview</a></h2>
<p>OL or UL with <code>data-role="listview"</code></p>
<p>OL or UL with <code>data-role="listview"</code>.</p>
<table>
<tr>
<th>data-count-theme</th>
@ -251,7 +251,7 @@
</table>
<h2><a href="../lists/docs-lists.html">Listview item</a></h2>
<p>LI within a listview</p>
<p>LI within a listview.</p>
<table>
<tr>
<th>data-icon</th>
@ -297,7 +297,7 @@
</table>
<h2><a href="../forms/radiobuttons/">Radio button</a></h2>
<p>Pairs of labels and inputs with <code>type="radio"</code></p>
<p>Pairs of labels and inputs with <code>type="radio"</code> are auto-enhanced, no <code>data-role required</code>.</p>
<table>
<tr>
<th>data-role</th>
@ -310,7 +310,7 @@
</table>
<h2><a href="../forms/slider/">Select</a></h2>
<p>A <code>select</code> form element</p>
<p>All <code>select</code> form elements are auto-enhanced, no <code>data-role required</code></p>
<table>
<tr>
<th>data-icon</th>
@ -344,7 +344,7 @@
<p>Multiple selects can be wrapped in a fieldset with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the selects to sit side-by-side.</p>
<h2><a href="../forms/slider/">Slider</a></h2>
<p>Input <code>type="range"</code></p>
<p>Inputs with <code>type="range"</code> are auto-enhanced, no <code>data-role required</code>.</p>
<table>
<tr>
<th>data-role</th>
@ -361,7 +361,7 @@
</table>
<h2><a href="../forms/textinputs/">Text input &amp; Textarea</a></h2>
<p>Input <code>type="text|number|search|etc."</code> or a <code>textarea</code></p>
<p>Input <code>type="text|number|search|etc."</code> or <code>textarea</code> elements are auto-enhanced, no <code>data-role required</code>.</p>
<table>
<tr>
<th>data-role</th>