widgets/tabbar/tabbar_footer_more.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 text with title</h1>
  17         </div>
  18
  19         <div data-role="content">
  20         </div>
  21
  22         <div data-role="footer">
  23                 <a href="#pop_js" data-role="button"  data-icon="naviframe-more" data-rel="popupwindow"></a>
  24
  25                 <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
  26                         <ul data-role="listview">
  27                                 <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
  28                                 <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
  29                                 <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
  30                                 <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
  31                                 <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
  32                                 <li><a href="#" class="ui-btn-ctxpopup-close">Internal Link</a></li>
  33                         </ul>
  34                 </div>
  35                 <div data-role="tabbar">
  36                         <ul>
  37                                 <li><a href="#"class="ui-btn-active">Menu</a></li>
  38                                 <li><a href="#">Save</a></li>
  39                                 <li><a href="#">Share</a></li>
  40
  41                         </ul>
  42                 </div>
  43         </div>
  44 </div>
  45
  46 </body>
  47 </html>