widgets/controlbar/controlbar_footer_segment_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                 <div data-role="page">
  14                         <div data-role="header" data-position="fixed">
  15                                 <h1>Controlbar text with title</h1>
  16                         </div>
  17                         <div data-role="content">
  18                         </div>
  19                         <div data-role="footer">
  20                                 <a href="#pop_js" data-role="button" data-icon="naviframe-more" data-rel="popupwindow"></a>
  21                                 <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
  22                                         <ul data-role="listview">
  23                                                 <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
  24                                                 <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
  25                                                 <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
  26                                                 <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
  27                                                 <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
  28                                                 <li><a href="naviframe.html" class="ui-btn-ctxpopup-close">Internal Link</a></li>
  29                                         </ul>
  30                                 </div>
  31                                 <div data-role="controlgroup" data-type="horizontal">
  32                                         <a href="index.html" data-role="button">Back</a>
  33                                         <a href="index.html" data-role="button">Next</a>
  34                                 </div>
  35                         </div>
  36                 </div>
  37         </body>
  38 </html>