Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit a7440ea

Browse files
jaspermdegrootjaspermdegroot
committed
Demo Center: added test suite with button, form and listview test pages.
1 parent fb863df commit a7440ea

File tree

9 files changed

+3234
-0
lines changed

9 files changed

+3234
-0
lines changed

‎demos/index.php‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,19 @@
5252
<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">
5353
<?php include( 'nav-widgets.php' ); ?>
5454
</ul>
55+
56+
<h2>Test Suite</h2>
57+
58+
<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list">
59+
<li><a href="test/buttons/" data-ajax="false">Buttons</a></li>
60+
<li><a href="test/forms/" data-ajax="false">Forms 1</a></li>
61+
<li><a href="test/forms/form.php" data-ajax="false">Forms 2</a></li>
62+
<li><a href="test/forms/form-fieldcontain.php" data-ajax="false">Form fieldcontain</a></li>
63+
<li><a href="test/forms/form-hide-label.php" data-ajax="false">Form ui-hide-label</a></li>
64+
<li><a href="test/forms/form-label-hidden.php" data-ajax="false">Form ui-hidden-accessible</a></li>
65+
<li><a href="test/forms/form-disabled.php" data-ajax="false">Form disabled</a></li>
66+
<li><a href="test/listviews/" data-ajax="false">Listviews</a></li>
67+
</ul>
5568

5669
</div><!-- /content -->
5770

‎demos/test/buttons/index.php‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Button test - jQuery Mobile Demos</title>
7+
<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css">
8+
<link rel="shortcut icon" href="../../favicon.ico">
9+
<script src="../../../js/jquery.js"></script>
10+
<script src="../../../js/"></script>
11+
</head>
12+
<body>
13+
<div data-role="page">
14+
15+
<div data-role="header">
16+
<h1>Button test</h1>
17+
<a href="../../" data-rel="back" data-icon="back" data-iconpos="notext">Back</a>
18+
</div><!-- /header -->
19+
20+
<div data-role="content">
21+
22+
<div class="container">
23+
<a href="#" data-role="button">Anchor</a>
24+
<form>
25+
<button>Button</button>
26+
<input type="button" value="Input">
27+
<input type="submit" value="Submit">
28+
<input type="reset" value="Reset">
29+
</form>
30+
</div><!--/container -->
31+
32+
<div class="container">
33+
<p>
34+
<a href="#" data-role="button" data-inline="true">True</a>
35+
<a href="#" data-role="button" data-inline="true">False</a>
36+
</p>
37+
</div><!--/container -->
38+
39+
<div class="container">
40+
<p>
41+
<a href="#" data-role="button" data-theme="a" data-inline="true">A</a>
42+
<a href="#" data-role="button" data-theme="b" data-inline="true">B</a>
43+
</p>
44+
</div><!--/container -->
45+
46+
<div class="container">
47+
<p>
48+
<a href="#" data-role="button" data-mini="true" data-inline="true">Cancel</a>
49+
<a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b">Place order</a>
50+
</p>
51+
</div><!--/container -->
52+
53+
<div class="container">
54+
<a href="#" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">Plus</a>
55+
<a href="#" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">Minus</a>
56+
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">Delete</a>
57+
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">Arrow left</a>
58+
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">Arrow right</a>
59+
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">Arrow up</a>
60+
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">Arrow down</a>
61+
<a href="#" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">Check</a>
62+
<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">Gear</a>
63+
<a href="#" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">Refresh</a>
64+
<a href="#" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">Forward</a>
65+
<a href="#" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">Back</a>
66+
<a href="#" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">Grid</a>
67+
<a href="#" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">Star</a>
68+
<a href="#" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">Alert</a>
69+
<a href="#" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">Info</a>
70+
<a href="#" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">Home</a>
71+
<a href="#" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">Search</a>
72+
<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a" data-inline="true">Bars</a>
73+
<a href="#" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="a" data-inline="true">Edit</a>
74+
</div><!--/container -->
75+
76+
<div class="container">
77+
<a href="#" data-role="button" data-inline="true">Text only</a>
78+
<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="left" data-inline="true">Left</a>
79+
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" data-inline="true">Right</a>
80+
<a href="#" data-role="button" data-icon="arrow-u" data-iconpos="top" data-inline="true">Top</a>
81+
<a href="#" data-role="button" data-icon="arrow-d" data-iconpos="bottom" data-inline="true">Bottom</a>
82+
<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">Icon only</a>
83+
</div><!--/container -->
84+
85+
<div class="container">
86+
<div data-role="controlgroup">
87+
<a href="#" data-role="button">Timeline</a>
88+
<a href="#" data-role="button">Mentions</a>
89+
<a href="#" data-role="button">Retweets</a>
90+
</div>
91+
</div><!--/container -->
92+
93+
<div class="container">
94+
<div data-role="controlgroup" data-type="horizontal">
95+
<a href="#" data-role="button">Yes</a>
96+
<a href="#" data-role="button">No</a>
97+
<a href="#" data-role="button">Maybe</a>
98+
</div>
99+
</div><!--/container -->
100+
101+
<div class="container">
102+
<div data-role="controlgroup" data-type="horizontal" data-mini="true">
103+
<a href="#" data-role="button" data-iconpos="notext" data-icon="plus" data-theme="b">Add</a>
104+
<a href="#" data-role="button" data-iconpos="notext" data-icon="delete" data-theme="b">Delete</a>
105+
<a href="#" data-role="button" data-iconpos="notext" data-icon="grid" data-theme="b">More</a>
106+
</div>
107+
</div><!--/container -->
108+
109+
<div class="container">
110+
<a href="#" data-role="button" data-icon="gear" data-theme="b">Default</a>
111+
<a href="#" data-role="button" data-icon="gear" data-corners="false" data-theme="b">No rounded corners</a>
112+
<a href="#" data-role="button" data-icon="gear" data-shadow="false" data-theme="b">No button shadow</a>
113+
<a href="#" data-role="button" data-icon="gear" data-iconshadow="false" data-theme="b">No icon disc shadow</a>
114+
</div><!--/container -->
115+
116+
<div class="container">
117+
<a href="#" data-role="button" class="ui-disabled">Disabled anchor via class</a>
118+
<form>
119+
<button disabled>Button with disabled attribute</button>
120+
<input type="button" value="Input with disabled attribute" disabled>
121+
</form>
122+
</div><!--/container -->
123+
124+
</div><!-- /content -->
125+
126+
<div data-role="footer">
127+
<p>Copyright 2013 The jQuery Foundation</p>
128+
</div><!-- /footer -->
129+
130+
</div><!-- /page -->
131+
</body>
132+
</html>

0 commit comments

Comments
 (0)