26 docs/demos/button-test/index.html → docs/demos/buttons/index.html
View file
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buttons test page - jQuery Mobile Demos</title>
<title>Buttons - jQuery Mobile Demos</title>
<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
<link rel="stylesheet" href="../_assets/css/jqm-demos.css"/>
<script src="../../../js/jquery.js"></script>
@@ -14,36 +14,34 @@
<div data-role="page">

<div data-role="header" data-theme="f">
<h1>Buttons test page</h1>
<h1>Buttons</h1>
<a href="../" data-icon="home" data-iconpos="notext" data-ajax="false">Home</a>
</div><!-- /header -->

<div data-role="content">

<div class="content-primary">

<h2>Buttons</h2>

<div data-demo-html="true">
<h3>Regular - fullsize</h3>
<h2>Regular - fullsize</h2>
<a href="#" data-role="button">No icon</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="left">Left</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="right">Right</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="top">Top</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="bottom">Bottom</a>
</div><!--/demo -->
</div><!--/demo-html -->

<div data-demo-html="true">
<h3>Regular - mini</h3>
<h2>Regular - mini</h2>
<a href="#" data-role="button" data-mini="true">No icon</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="left" data-mini="true">Left</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="right" data-mini="true">Right</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="top" data-mini="true">Top</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="bottom" data-mini="true">Bottom</a>
</div><!--/demo -->
</div><!--/demo-html -->

<div data-demo-html="true">
<h3>Inline - fullsize</h3>
<h2>Inline - fullsize</h2>
<p>
<a href="#" data-role="button" data-inline="true">Text only</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="left" data-inline="true">Left</a>
@@ -52,10 +50,10 @@ <h3>Inline - fullsize</h3>
<a href="#" data-role="button" data-icon="delete" data-iconpos="bottom" data-inline="true">Bottom</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">Hidden</a>
</p>
</div><!--/demo -->
</div><!--/demo-html -->

<div data-demo-html="true">
<h3>Inline - mini</h3>
<h2>Inline - mini</h2>
<p>
<a href="#" data-role="button" data-mini="true" data-inline="true">Text only</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="left" data-mini="true" data-inline="true">Left</a>
@@ -64,7 +62,7 @@ <h3>Inline - mini</h3>
<a href="#" data-role="button" data-icon="delete" data-iconpos="bottom" data-mini="true" data-inline="true">Bottom</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-mini="true" data-inline="true">Hidden</a>
</p>
</div><!--/demo -->
</div><!--/demo-html -->

<h2>Grid blocks</h2>

@@ -113,7 +111,7 @@ <h2>Grid blocks</h2>
<option value="4">The 4th Option</option>
</select>
</div>
</div><!--/demo -->
</div><!--/demo-html -->

<div data-demo-html="true">
<div class="ui-grid-solo">
@@ -128,7 +126,7 @@ <h2>Grid blocks</h2>
</div>

<a href="#" data-role="button">Button, no grid</a>
</div><!--/demo -->
</div><!--/demo-html -->

</div><!--/content-primary -->

2 docs/demos/demo-title/index.html → docs/demos/demo-template/index.html
View file
@@ -37,7 +37,7 @@ <h1>Demo title</h1>
<!-- data-demo-js="true" to include scripts from the head in the source code view -->
<!-- data-demo-css="true" to include style from the head in the source code view -->

</div><!--/demo -->
</div><!--/demo-html -->

</div><!--/content-primary -->