widgets/tabbar/tabbar.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 Demo</h1>
  17                 </div>
  18                 <div data-role="content">
  19                         <div class="content-primary">
  20                                 <ul data-role="listview">
  21                                         <li data-role="list-divider">Header</li>
  22                                         <li><a href="tabbar_text.html">Tab(text) only</a></li>
  23                                         <li><a href="tabbar_icon_text.html">Tab(icon + text) only</a></li>
  24                                         <li><a href="tabbar_icon.html">Tab(icon) only</a></li>
  25                                         <li><a href="tabbar_title_text.html">Title + Tab(text)</a></li>
  26                                         <li><a href="tabbar_title_icon.html">Title Tab(icon) only</a></li>
  27                                         <li><a href="tabbar_scrolling.html">Scrolling interation</a></li>
  28
  29                                         <li data-role="list-divider">Footer</li>
  30                                         <li><a href="tabbar_footer_icon.html">[Progressing...]Footer + Tab(text)</a></li>
  31                                         <li><a href="tabbar_footer.html">[Progressing...]Footer + Tab(text)</a></li>
  32                                         <li><a href="tabbar_footer_more.html">[Progressing...]Footer + more + Tab(text)</a></li>
  33                                         <li><a href="tabbar_footer_segment.html">Footer + SegmentTab(text)</a></li>
  34                                         <li><a href="tabbar_footer_segment_more.html">Footer + more + SegmentTab(text)</a></li>
  35                                 </ul>
  36                         </div><!--/content-primary -->
  37                 </div>
  38                 <div data-role="footer">
  39                 </div>
  40         </div>
  41 </body>
  42 </html>