Added data-role="button" attributes to links because these were rendering as links only. Added link to form theming page.

This commit is contained in:
toddparker 2011-02-01 22:38:22 -05:00
parent cd17ceda97
commit 1644bca45b

View file

@ -91,7 +91,7 @@
</div>
<div class="ui-bar ui-bar-a">
<div data-role="controlgroup" data-type="horizontal" >
<a href="#" data-inline="true">Button</a><a href="#" data-inline="true">Button</a><a href="#" data-inline="true">Button</a>
<a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a>
</div><!-- /controlgroup -->
</div>
@ -154,47 +154,47 @@
<div class="swatch-bars">
<div data-role="header" data-theme="a" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
<div data-role="header" data-theme="b" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
<div data-role="header" data-theme="c" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
<div data-role="header" data-theme="d" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
<div data-role="header" data-theme="e" class="ui-bar" data-backbtn="false">
<div><!-- wrapper div to have control over butttons -->
<a href="index.html" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-icon="arrow-l" data-theme="e">E</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
</div>
</div>
@ -226,7 +226,8 @@
<li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
<li><a href="../content/content-themes.html">Content theming</a></li>
<li><a href="../buttons/buttons-themes.html">Button theming</a></li>
<li><a href="../lists/lists-themes.html">List theming</a></li>
<li><a href="../forms/forms-themes.html">Form theming</a></li>
<li><a href="../lists/lists-themes.html">List theming</a></li>
</ul>
</div><!-- end content -->