demos/tizen-winsets/widgets/pagelayout/backbutton-control.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 - Back button control</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" id="backButtonDemomain" data-add-back-btn="true">
  22                 <div data-role="header" data-position="fixed">
  23                         <h1>Back button control</h1>
  24                         <span class="ui-title-text-sub">Footer and Backbutton demopage</span>
  25                 </div>
  26                 <div data-role="content">
  27                         <ul data-role="listview" data-icon="1line-textonly">
  28                                 <li><a href="backbutton/no-footer.html">1. No footer in page</a></li>
  29                                 <li><a href="backbutton/no-back-button.html">2. No back button in page</a></li>
  30                                 <li><a href="backbutton/backbutton-normal.html">3. Back button in page</a></li>
  31                                 <li><a href="backbutton/back-button-to-header.html">4. Back button to Header</a></li>
  32                                 <li><a href="backbutton/dynamically-attatch-backbutton-to-footer.html">5. Dynamically attatch backbutton to footer</a></li>
  33                                 <li><a href="backbutton/dynamically-attatch-backbutton-to-header.html">6. Dynamically attatch backbutton to header</a></li>
  34                 </div>
  35                 <div data-role="footer">
  36                 </div>
  37         </div>
  38 </body>
  39 </html>