widgets/tabbar/tabbar_title_icon.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" data-add-back-btn="true">
  15         <div data-role="header" data-position="fixed">
  16                 <h1>Tabbar icon with title</h1>
  17                 <div data-role="tabbar">
  18                         <ul>
  19                                 <li><a href="#" data-icon="tabedit" class="ui-btn-active"></a></li>
  20                                 <li><a href="#" data-icon="tabedit" ></a></li>
  21                                 <li><a href="#" data-icon="tabedit" ></a></li>
  22                         </ul>
  23                 </div>
  24         </div>
  25
  26         <div data-role="content">
  27         </div>
  28
  29         <div data-role="footer">
  30         </div>
  31 </div>
  32
  33 </body>
  34 </html>