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

Commit dba9c92

Browse files
jaspermdegrootjaspermdegroot
committed
Demos: Added theming test page.
1 parent d90ba5b commit dba9c92

File tree

2 files changed

+155
-0
lines changed

2 files changed

+155
-0
lines changed

‎demos/index.php‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,8 @@
7676
<li><a href="test/listviews-b/" data-ajax="false">Listviews</a></li>
7777
<li data-role="list-divider">Icons</li>
7878
<li><a href="test/icons/font-icons.php" data-ajax="false">Font icons</a></li>
79+
<li data-role="list-divider">Theming</li>
80+
<li><a href="test/theming/" data-ajax="false">Theme inheritance</a></li>
7981
</ul>
8082

8183
</div><!-- /content -->

‎demos/test/theming/index.php‎

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
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>Theme inheritance - jQuery Mobile Tests</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" data-theme="b">
14+
15+
<div data-role="header">
16+
<h1>Theme inheritance</h1>
17+
<a href="../../" data-role="button" data-rel="back" data-icon="back" data-iconpos="notext">Back</a>
18+
<a href="#" data-role="button" data-icon="gear">Button</a>
19+
</div><!-- /header -->
20+
21+
<div data-role="content">
22+
23+
<h2>Page theme "b"</h2>
24+
25+
<a href="#" data-role="button" data-inline="true" data-icon="arrow-r" data-iconpos="right">We</a>
26+
<button data-inline="true" data-icon="arrow-r" data-iconpos="right">are</button>
27+
<input type="button" value="buttons" data-inline="true" data-icon="arrow-r" data-iconpos="right">
28+
29+
<ul data-role="listview" data-inset="true">
30+
<li>I</li>
31+
<li data-role="list-divider">Divider<span class="ui-li-count">3</span></li>
32+
<li>am</li>
33+
<li>static<span class="ui-li-count">6</span></li>
34+
</ul>
35+
36+
<ul data-role="listview" data-inset="true">
37+
<li><a href="#">We</a></li>
38+
<li data-role="list-divider">Divider</li>
39+
<li><a href="#">have<span class="ui-li-count">12</span></a></li>
40+
<li><a href="#">links</a></li>
41+
</ul>
42+
43+
<ul data-role="listview" data-split-icon="gear" data-inset="true">
44+
<li><a href="#">
45+
<img src="../../_assets/img/album-bb.jpg" />
46+
<h2>Broken Bells</h2>
47+
<p>Broken Bells</p></a>
48+
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
49+
</li>
50+
<li><a href="#">
51+
<img src="../../_assets/img/album-hc.jpg" />
52+
<h2>Warning</h2>
53+
<p>Hot Chip</p></a>
54+
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
55+
</li>
56+
<li><a href="#">
57+
<img src="../../_assets/img/album-p.jpg" />
58+
<h2>Wolfgang Amadeus Phoenix</h2>
59+
<p>Phoenix</p></a>
60+
<a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
61+
</li>
62+
</ul>
63+
64+
<form>
65+
<ul data-role="listview" data-inset="true">
66+
<li data-role="fieldcontain">
67+
<label for="name2">Text Input:</label>
68+
<input type="text" name="name2" id="name2" value="" data-clear-btn="true">
69+
</li>
70+
<li data-role="fieldcontain">
71+
<label for="textarea2">Textarea:</label>
72+
<textarea cols="40" rows="8" name="textarea2" id="textarea2"></textarea>
73+
</li>
74+
<li data-role="fieldcontain">
75+
<label for="flip2">Flip switch:</label>
76+
<select name="flip2" id="flip2" data-role="slider">
77+
<option value="off">Off</option>
78+
<option value="on">On</option>
79+
</select>
80+
</li>
81+
<li data-role="fieldcontain">
82+
<label for="slider2">Slider:</label>
83+
<input type="range" name="slider2" id="slider2" value="0" min="0" max="100" data-highlight="true">
84+
</li>
85+
<li data-role="fieldcontain">
86+
<fieldset data-role="controlgroup">
87+
<legend>Checkbox:</legend>
88+
<input type="checkbox" name="checkbox-v-1a" id="checkbox-v-1a">
89+
<label for="checkbox-v-1a">One</label>
90+
<input type="checkbox" name="checkbox-v-1b" id="checkbox-v-1b">
91+
<label for="checkbox-v-1b">Two</label>
92+
<input type="checkbox" name="checkbox-v-1c" id="checkbox-v-1c">
93+
<label for="checkbox-v-1c">Three</label>
94+
</fieldset>
95+
</li>
96+
<li data-role="fieldcontain">
97+
<label for="select-choice-1" class="select">Custom select:</label>
98+
<select name="select-choice-1" id="select-choice-1" data-native-menu="false" multiple="multiple">
99+
<option value="standard">Standard: 7 day</option>
100+
<option value="rush">Rush: 3 days</option>
101+
<option value="express">Express: next day</option>
102+
<option value="overnight">Overnight</option>
103+
</select>
104+
</li>
105+
<li data-role="fieldcontain">
106+
<label for="submit-1">Send form:</label>
107+
<input type="submit" id="submit-1" value="Send">
108+
</li>
109+
</ul>
110+
</form>
111+
112+
<fieldset data-role="controlgroup">
113+
<legend>Controlgroup:</legend>
114+
<button data-icon="home" data-iconpos="right">One</button>
115+
<input type="button" data-icon="back" data-iconpos="right" value="Two">
116+
<a href="#" data-role="button" data-icon="grid" data-iconpos="right">Three</a>
117+
<label for="select-v-1e">Select</label>
118+
<select name="select-v-1e" id="select-v-1e">
119+
<option value="#">One</option>
120+
<option value="#">Two</option>
121+
<option value="#">Three</option>
122+
</select>
123+
</fieldset>
124+
125+
<a href="#" data-role="button" data-icon="gear" class="ui-btn-active">Active button</a>
126+
127+
<form>
128+
<div data-role="fieldcontain">
129+
<label for="name3">Text Input:</label>
130+
<input type="text" name="name3" id="name3" value="" data-clear-btn="true">
131+
</div>
132+
<div data-role="fieldcontain">
133+
<label for="textarea3">Textarea:</label>
134+
<textarea cols="40" rows="8" name="textarea3" id="textarea3"></textarea>
135+
</div>
136+
<div data-role="fieldcontain">
137+
<label for="flip3">Flip switch:</label>
138+
<select name="flip3" id="flip3" data-role="slider">
139+
<option value="off">Off</option>
140+
<option value="on">On</option>
141+
</select>
142+
</div>
143+
<div data-role="fieldcontain">
144+
<label for="slider3">Slider:</label>
145+
<input type="range" name="slider3" id="slider3" value="0" min="0" max="100" data-highlight="true">
146+
</div>
147+
</form>
148+
149+
</div><!-- /content -->
150+
151+
</div><!-- /page -->
152+
</body>
153+
</html>

0 commit comments

Comments
 (0)