widgets/tabbar/tabbar_footer_more.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5         <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   6         <script src="../../configure.js"></script>
   7         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   8         <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   9                         data-framework-theme="tizen-white"
  10                         data-framework-viewport-width="device-width">
  11         </script>
  12         <script src="../../main.js"></script>
  13         <title>Tizen UI - Tabbar</title>
  14         <!-- for compatibility test -->
  15         <meta name="apple-mobile-web-app-capable" content="yes" />
  16         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  17         <link rel="apple-touch-icon" href="../../icon-tizen.png" />
  18 </head>
  19 <body>
  20
  21 <div data-role="page" data-add-back-btn="true">
  22         <div data-role="header" data-position="fixed">
  23                 <h1>TABBAR TEXT WITH TITLE</h1>
  24         </div>
  25
  26         <div data-role="content">
  27         </div>
  28
  29         <div data-role="footer">
  30                 <a href="#pop_js" data-role="button"  data-icon="naviframe-more" data-rel="popupwindow"></a>
  31
  32                 <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
  33                         <ul data-role="listview">
  34                                 <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
  35                                 <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
  36                                 <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
  37                                 <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
  38                                 <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
  39                                 <li><a href="#" class="ui-btn-ctxpopup-close">Internal Link</a></li>
  40                         </ul>
  41                 </div>
  42                 <div data-role="tabbar">
  43                         <ul>
  44                                 <li><a href="#"class="ui-btn-active">MENU</a></li>
  45                                 <li><a href="#">SAVE</a></li>
  46                                 <li><a href="#">SHARE</a></li>
  47
  48                         </ul>
  49                 </div>
  50         </div>
  51 </div>
  52
  53 </body>
  54 </html>