5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <link rel="stylesheet" href="themes/default/" />
7 <script src="js/jquery.js"></script>
8 <script src="js/"></script>
9 <script src="theme.js"></script>
10 <script src="js/jquery.mobile.forms.button.extension.js"></script>
14 <div data-role="page" id="ButtonDemo" data-add-back-btn="true" >
15 <div data-role="header" data-position="fixed">
18 <div data-role="content">
19 <ul data-role = "listview">
20 <li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
21 <li class="ui-li-1line-btn1">Custom <div data-role="button" data-inline="true" data-icon="test">T</div></li>
22 <li class="ui-li-1line-btn1">Custom Width <div data-role="button" style="width:300px" data-inline="true" data-icon="test">Test</div></li>
23 <li class="ui-li-1line-btn1">Custom Width, Height <div data-role="button" style="width:300px;height:40px" data-icon="test" >Test</div> </li>
24 <li class="ui-li-1line-btn1">Custom Width, Height, Right <div data-role="button" style="width:300px;height:40px" data-iconpos="right" data-icon="test" >Test</div> </li>
25 <li class="ui-li-1line-btn1">Circle-Custom <div data-role="button" data-inline="true" data-icon="test2" data-style="circle" ></div> </li>
26 <li class="ui-li-1line-btn1">Custom Top <div data-role="button" data-iconpos="top" data-icon="test" >tEST</div> </li>
27 <li class="ui-li-1line-btn1">Custom Bottom <div data-role="button" data-iconpos="bottom" data-icon="test">Test</div></li>
28 <li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
29 <li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="reveal">Call Icon</div></li>
30 <li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="reveal">Longer Call Icon</div></li>
31 <li class="ui-li-1line-btn1">List item 4<div data-role="button" data-inline="true" data-icon="call" data-iconpos="right">Icon Text</div></li>
32 <li class="ui-li-1line-btn1">List item 5<div data-role="button" data-inline="true" data-icon="reveal"></div></li>
33 <li class="ui-li-1line-btn2">List item 6<div data-role="button" data-inline="true" data-icon="plus" data-style="circle" class="ui-li-1line-btn2"></div></li>
34 <li class="ui-li-1line-btn2">List item 7<div data-role="button" data-inline="true" data-icon="minus" data-style="circle"></div></li>
35 <li class="ui-li-1line-btn2">List item 8<div data-role="button" data-inline="true" data-icon="send" data-style="circle"></div></li>
36 <li class="ui-li-1line-btn2">List item 9<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div></li>
37 <li class="ui-li-1line-btn2">List item 10<div data-role="button" data-inline="true" data-icon="favorite" data-style="nobg"></div></li>
38 <li>List item 11<div data-role="button" data-inline="true" data-icon="editminus" data-style="edit"
39 style="position: absolute; top: 0px; margin-top: 0px; left:70%"></div></li>
40 <li>List item 12<div data-role="button" data-inline="true" data-style="edit"
41 style="position: absolute; top: 0px; margin-top: 0px; left:70%">Delete</div></li>