Permalink
Browse files

Demo Center: added test suite with button, form and listview test pages.

  • Loading branch information...
jaspermdegroot committed Apr 10, 2013
1 parent fb863df commit a7440eae4658feb85a71eb7cbade45591ae66b9c
View
@@ -52,6 +52,19 @@
<ul data-role="listview" data-inset="true" data-filter="true" data-theme="d" data-divider-theme="d" data-icon="false" data-filter-placeholder="Search widgets..." data-global-nav="demos" class="jqm-list">
<?php include( 'nav-widgets.php' ); ?>
</ul>
<h2>Test Suite</h2>
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list">
<li><a href="test/buttons/" data-ajax="false">Buttons</a></li>
<li><a href="test/forms/" data-ajax="false">Forms 1</a></li>
<li><a href="test/forms/form.php" data-ajax="false">Forms 2</a></li>
<li><a href="test/forms/form-fieldcontain.php" data-ajax="false">Form fieldcontain</a></li>
<li><a href="test/forms/form-hide-label.php" data-ajax="false">Form ui-hide-label</a></li>
<li><a href="test/forms/form-label-hidden.php" data-ajax="false">Form ui-hidden-accessible</a></li>
<li><a href="test/forms/form-disabled.php" data-ajax="false">Form disabled</a></li>
<li><a href="test/listviews/" data-ajax="false">Listviews</a></li>
</ul>
</div><!-- /content -->
@@ -0,0 +1,132 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Button test - jQuery Mobile Demos</title>
<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css">
<link rel="shortcut icon" href="../../favicon.ico">
<script src="../../../js/jquery.js"></script>
<script src="../../../js/"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Button test</h1>
<a href="../../" data-rel="back" data-icon="back" data-iconpos="notext">Back</a>
</div><!-- /header -->
<div data-role="content">
<div class="container">
<a href="#" data-role="button">Anchor</a>
<form>
<button>Button</button>
<input type="button" value="Input">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</div><!--/container -->
<div class="container">
<p>
<a href="#" data-role="button" data-inline="true">True</a>
<a href="#" data-role="button" data-inline="true">False</a>
</p>
</div><!--/container -->
<div class="container">
<p>
<a href="#" data-role="button" data-theme="a" data-inline="true">A</a>
<a href="#" data-role="button" data-theme="b" data-inline="true">B</a>
</p>
</div><!--/container -->
<div class="container">
<p>
<a href="#" data-role="button" data-mini="true" data-inline="true">Cancel</a>
<a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b">Place order</a>
</p>
</div><!--/container -->
<div class="container">
<a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">Plus</a>
<a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">Minus</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">Delete</a>
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">Arrow left</a>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">Arrow right</a>
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">Arrow up</a>
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">Arrow down</a>
<a href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">Check</a>
<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">Gear</a>
<a href="#" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">Refresh</a>
<a href="#" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">Forward</a>
<a href="#" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">Back</a>
<a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">Grid</a>
<a href="#" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">Star</a>
<a href="#" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">Alert</a>
<a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">Info</a>
<a href="#" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">Home</a>
<a href="#" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">Search</a>
<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a" data-inline="true">Bars</a>
<a href="#" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="a" data-inline="true">Edit</a>
</div><!--/container -->
<div class="container">
<a href="#" data-role="button" data-inline="true">Text only</a>
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="left" data-inline="true">Left</a>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" data-inline="true">Right</a>
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="top" data-inline="true">Top</a>
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="bottom" data-inline="true">Bottom</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">Icon only</a>
</div><!--/container -->
<div class="container">
<div data-role="controlgroup">
<a href="#" data-role="button">Timeline</a>
<a href="#" data-role="button">Mentions</a>
<a href="#" data-role="button">Retweets</a>
</div>
</div><!--/container -->
<div class="container">
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">Yes</a>
<a href="#" data-role="button">No</a>
<a href="#" data-role="button">Maybe</a>
</div>
</div><!--/container -->
<div class="container">
<div data-role="controlgroup" data-type="horizontal" data-mini="true">
<a href="#" data-role="button" data-iconpos="notext" data-icon="plus" data-theme="b">Add</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="delete" data-theme="b">Delete</a>
<a href="#" data-role="button" data-iconpos="notext" data-icon="grid" data-theme="b">More</a>
</div>
</div><!--/container -->
<div class="container">
<a href="#" data-role="button" data-icon="gear" data-theme="b">Default</a>
<a href="#" data-role="button" data-icon="gear" data-corners="false" data-theme="b">No rounded corners</a>
<a href="#" data-role="button" data-icon="gear" data-shadow="false" data-theme="b">No button shadow</a>
<a href="#" data-role="button" data-icon="gear" data-iconshadow="false" data-theme="b">No icon disc shadow</a>
</div><!--/container -->
<div class="container">
<a href="#" data-role="button" class="ui-disabled">Disabled anchor via class</a>
<form>
<button disabled>Button with disabled attribute</button>
<input type="button" value="Input with disabled attribute" disabled>
</form>
</div><!--/container -->
</div><!-- /content -->
<div data-role="footer">
<p>Copyright 2013 The jQuery Foundation</p>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
Oops, something went wrong.

0 comments on commit a7440ea

Please sign in to comment.