Skip to content

Commit

Permalink
Icons: Fix button icon examples to use 1.5.0 syntax
Browse files Browse the repository at this point in the history 
Fixes jquery/jquery-wp-content#407.
  • Loading branch information
@Krinkle
Krinkle committed Aug 26, 2023
1 parent e77d0a9 commit f94bb1a
Showing 1 changed file with 51 additions and 47 deletions.
98 changes: 51 additions & 47 deletions resources/buttonMarkup/example17.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,23 @@
<html>
<head>
<title>Page Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css" />
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
<style>
html, body { padding: 0; margin: 0; }
html, .ui-mobile, .ui-mobile body {
height: 345px;
html,
body {
padding: 0;
margin: 0;
}
html,
.ui-mobile,
.ui-mobile body {
height: 345px;
}
.ui-mobile, .ui-mobile .ui-page {
min-height: 345px;
min-height: 345px;
}
.ui-content{
padding:10px 15px 0px 15px;
Expand All @@ -23,57 +27,57 @@
</head>

<body>
<div data-role="page" style="max-height:350px; min-height:350px;">
<div data-role="page" style="max-height: 350px; min-height: 350px;">
<div role="main" class="ui-content">
<p><strong>Swatch "a"</strong> themed buttons</p>
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-bars" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-edit" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<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>
<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>
<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>
<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>
<a href="index.html" data-role="button" data-icon="ui-icon-delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
</div>
<p><strong>Swatch "b"</strong> themed buttons</p>
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="edit" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-bars" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-edit" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<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>
<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>
<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>
<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>
<a href="index.html" data-role="button" data-icon="ui-icon-delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
<a href="index.html" data-role="button" data-icon="ui-icon-search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
</div>
</div>
</div>
Expand Down

0 comments on commit f94bb1a

Please sign in to comment.