Skip to content

Commit f94bb1a

Browse files
KrinkleKrinkle
committed
Icons: Fix button icon examples to use 1.5.0 syntax
Fixes jquery/jquery-wp-content#407.
1 parent e77d0a9 commit f94bb1a

File tree

1 file changed

+51
-47
lines changed

1 file changed

+51
-47
lines changed

‎resources/buttonMarkup/example17.html

+51-47
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,23 @@
22
<html>
33
<head>
44
<title>Page Title</title>
5-
65
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
86
<link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css" />
97
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
108
<script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
119
<style>
12-
html, body { padding: 0; margin: 0; }
13-
html, .ui-mobile, .ui-mobile body {
14-
height: 345px;
10+
html,
11+
body {
12+
padding: 0;
13+
margin: 0;
14+
}
15+
html,
16+
.ui-mobile,
17+
.ui-mobile body {
18+
height: 345px;
1519
}
1620
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 345px;
21+
min-height: 345px;
1822
}
1923
.ui-content{
2024
padding:10px 15px 0px 15px;
@@ -23,57 +27,57 @@
2327
</head>
2428

2529
<body>
26-
<div data-role="page" style="max-height:350px; min-height:350px;">
30+
<div data-role="page" style="max-height: 350px; min-height: 350px;">
2731
<div role="main" class="ui-content">
2832
<p><strong>Swatch "a"</strong> themed buttons</p>
2933
<div data-role="controlgroup" data-type="horizontal">
30-
<a href="index.html" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
31-
<a href="index.html" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
32-
<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
33-
<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
34-
<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
35-
<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
36-
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
37-
<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
38-
<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
39-
<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
34+
<a href="index.html" data-role="button" data-icon="ui-icon-bars" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
35+
<a href="index.html" data-role="button" data-icon="ui-icon-edit" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
36+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
37+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
38+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
39+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
40+
<a href="index.html" data-role="button" data-icon="ui-icon-delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
41+
<a href="index.html" data-role="button" data-icon="ui-icon-plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
42+
<a href="index.html" data-role="button" data-icon="ui-icon-minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
43+
<a href="index.html" data-role="button" data-icon="ui-icon-check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
4044
</div>
4145
<div data-role="controlgroup" data-type="horizontal">
42-
<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
43-
<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
44-
<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
45-
<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
46-
<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
47-
<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
48-
<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
49-
<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
50-
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
51-
<a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
46+
<a href="index.html" data-role="button" data-icon="ui-icon-gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
47+
<a href="index.html" data-role="button" data-icon="ui-icon-refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
48+
<a href="index.html" data-role="button" data-icon="ui-icon-forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
49+
<a href="index.html" data-role="button" data-icon="ui-icon-back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
50+
<a href="index.html" data-role="button" data-icon="ui-icon-grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
51+
<a href="index.html" data-role="button" data-icon="ui-icon-star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
52+
<a href="index.html" data-role="button" data-icon="ui-icon-alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
53+
<a href="index.html" data-role="button" data-icon="ui-icon-info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
54+
<a href="index.html" data-role="button" data-icon="ui-icon-home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
55+
<a href="index.html" data-role="button" data-icon="ui-icon-search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
5256
</div>
5357
<p><strong>Swatch "b"</strong> themed buttons</p>
5458
<div data-role="controlgroup" data-type="horizontal">
55-
<a href="index.html" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
56-
<a href="index.html" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
57-
<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
58-
<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
59-
<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
60-
<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
61-
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
62-
<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
63-
<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
64-
<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
59+
<a href="index.html" data-role="button" data-icon="ui-icon-bars" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
60+
<a href="index.html" data-role="button" data-icon="ui-icon-edit" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
61+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
62+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
63+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
64+
<a href="index.html" data-role="button" data-icon="ui-icon-arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
65+
<a href="index.html" data-role="button" data-icon="ui-icon-delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
66+
<a href="index.html" data-role="button" data-icon="ui-icon-plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
67+
<a href="index.html" data-role="button" data-icon="ui-icon-minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
68+
<a href="index.html" data-role="button" data-icon="ui-icon-check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
6569
</div>
6670
<div data-role="controlgroup" data-type="horizontal">
67-
<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
68-
<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
69-
<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
70-
<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
71-
<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
72-
<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
73-
<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
74-
<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
75-
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
76-
<a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
71+
<a href="index.html" data-role="button" data-icon="ui-icon-gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
72+
<a href="index.html" data-role="button" data-icon="ui-icon-refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
73+
<a href="index.html" data-role="button" data-icon="ui-icon-forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
74+
<a href="index.html" data-role="button" data-icon="ui-icon-back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
75+
<a href="index.html" data-role="button" data-icon="ui-icon-grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
76+
<a href="index.html" data-role="button" data-icon="ui-icon-star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
77+
<a href="index.html" data-role="button" data-icon="ui-icon-alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
78+
<a href="index.html" data-role="button" data-icon="ui-icon-info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
79+
<a href="index.html" data-role="button" data-icon="ui-icon-home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
80+
<a href="index.html" data-role="button" data-icon="ui-icon-search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
7781
</div>
7882
</div>
7983
</div>

0 commit comments

Comments
 (0)