demos/tizen-gray/widgets/button/button.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4         <meta charset="utf-8">
   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>
  11         </head>
  12 <body>
  13
  14 <div data-role="page" id="ButtonDemo" data-add-back-btn="true" >
  15         <div data-role="header" data-position="fixed">
  16                 <h1>Buttons</h1>
  17         </div>
  18         <div data-role="content">
  19                 <ul data-role = "listview">
  20                         <li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
  21                         <li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="reveal">Call Icon</div></li>
  22                         <li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="reveal">Longer Call Icon</div></li>
  23                         <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>
  24                         <li class="ui-li-1line-btn1">List item 5<div data-role="button" data-inline="true" data-icon="reveal"></div></li>
  25                         <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>
  26                         <li class="ui-li-1line-btn2">List item 7<div  data-role="button" data-inline="true" data-icon="minus" data-style="circle"></div></li>
  27                         <li class="ui-li-1line-btn2">List item 8<div  data-role="button" data-inline="true" data-icon="send" data-style="circle"></div></li>
  28                         <li class="ui-li-1line-btn2">List item 9<div  data-role="button" data-inline="true" data-icon="call" data-style="circle"></div></li>
  29                         <li class="ui-li-1line-btn2">List item 10<div  data-role="button" data-inline="true" data-icon="favorite" data-style="nobg"></div></li>
  30                         <li>List item 11<div  data-role="button" data-inline="true" data-icon="editminus" data-style="edit"
  31                                 style="position: absolute; top: 0px; margin-top: 0px;"></div></li>
  32                         <li>List item 12<div  data-role="button" data-inline="true" data-style="edit"
  33                                 style="position: absolute; top: 0px; margin-top: 0px;">Delete</div></li>
  34                 </ul>
  35         </div>
  36 </div>
  37
  38
  39
  40 </body>
  41 </html>