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 data-role="list-divider">Basic - Text buttons, (icon+text) buttons</li>
21 <li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
22 <li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="arrow-r">Call Icon</div></li>
23 <li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="arrow-r">Longer Call Icon</div></li>
24 <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>
25 <li data-role="list-divider">Only icon buttons for Tizen</li>
26 <li class="ui-li-1line-btn1">data-icon = "call" <div data-role="button" data-inline="true" data-icon="call"></div></li>
27 <li class="ui-li-1line-btn1">data-icon = "rename" <div data-role="button" data-inline="true" data-icon="rename"></div></li>
28 <li data-role="list-divider">Only icon buttons for jQM style</li>
29 <li class="ui-li-1line-btn1">data-icon = "arrow-l" <div data-role="button" data-inline="true" data-icon="arrow-l"></div></li>
30 <li class="ui-li-1line-btn1">data-icon = "arrow-r" <div data-role="button" data-inline="true" data-icon="arrow-r"></div></li>
31 <li class="ui-li-1line-btn1">data-icon = "arrow-u" <div data-role="button" data-inline="true" data-icon="arrow-u"></div></li>
32 <li class="ui-li-1line-btn1">data-icon = "arrow-d" <div data-role="button" data-inline="true" data-icon="arrow-d"></div></li>
33 <li class="ui-li-1line-btn1">data-icon = "delete" <div data-role="button" data-inline="true" data-icon="delete"></div></li>
34 <li class="ui-li-1line-btn1">data-icon = "plus" <div data-role="button" data-inline="true" data-icon="plus"></div></li>
35 <li class="ui-li-1line-btn1">data-icon = "minus" <div data-role="button" data-inline="true" data-icon="minus"></div></li>
36 <li class="ui-li-1line-btn1">data-icon = "check" <div data-role="button" data-inline="true" data-icon="check"></div></li>
37 <li class="ui-li-1line-btn1">data-icon = "gear" <div data-role="button" data-inline="true" data-icon="gear"></div></li>
38 <li class="ui-li-1line-btn1">data-icon = "refresh" <div data-role="button" data-inline="true" data-icon="refresh"></div></li>
39 <li class="ui-li-1line-btn1">data-icon = "forward" <div data-role="button" data-inline="true" data-icon="forward"></div></li>
40 <li class="ui-li-1line-btn1">data-icon = "back" <div data-role="button" data-inline="true" data-icon="back"></div></li>
41 <li class="ui-li-1line-btn1">data-icon = "grid" <div data-role="button" data-inline="true" data-icon="grid"></div></li>
42 <li class="ui-li-1line-btn1">data-icon = "star" <div data-role="button" data-inline="true" data-icon="star"></div></li>
43 <li class="ui-li-1line-btn1">data-icon = "alert" <div data-role="button" data-inline="true" data-icon="alert"></div></li>
44 <li class="ui-li-1line-btn1">data-icon = "info" <div data-role="button" data-inline="true" data-icon="info"></div></li>
45 <li class="ui-li-1line-btn1">data-icon = "home" <div data-role="button" data-inline="true" data-icon="home"></div></li>
46 <li class="ui-li-1line-btn1">data-icon = "search" <div data-role="button" data-inline="true" data-icon="search"></div></li>
47 <li data-role="list-divider">buttons with data-style </li>
48 <li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="plus" data-style="circle" class="ui-li-1line-btn2"></div></li>
49 <li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="minus" data-style="circle"></div></li>
50 <li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="forward" data-style="circle"></div></li>
51 <li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div></li>
52 <li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="star" data-style="nobg"></div></li>
53 <li data-role="list-divider">custom buttons</li>
54 <li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
57 <div data-role="footer">