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">
12 <script src="../../../main.js"></script>
13 <link rel="stylesheet" href="../../../custom.css" />
14 <title>Tizen UI - Back button control</title>
15 <!-- for compatibility test -->
16 <meta name="apple-mobile-web-app-capable" content="yes" />
17 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
18 <link rel="apple-touch-icon" href="../../../icon-tizen.png" />
22 <div data-role="page" data-add-Back-Btn="true">
23 <div data-role="header" data-position="fixed">
24 <h1>Back button demo</h1>
25 <span class="ui-title-text-sub">Normal footer with back button</span>
28 <div data-role="content">
30 Web Developer declare back btn option and make footer <br>
31 back button displayed right bottom side of footer</p><br>
33 <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
34 <div data-role="page" data-add-Back-Btn="true"> <br>
35     <div data-role="header" data-position="fixed"> <br>
36         <h1>back button sample</h1> <br>
37     </div> <br>
38     <div data-role="content"> <br>
39     </div> <br>
40     <div data-role="footer" data-position="fixed"> <br>
41     </div> <br>
45 <div data-role="footer" data-position="fixed">