back button control demo : bug fix
[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / pagelayout / backbutton / backbutton-normal.html
1 <!DOCTYPE html>
2 <html>
3         <head>
4         </head>
5 <body>
6
7 <div data-role="page" data-add-Back-Btn="true">
8         <div data-role="header" data-position="fixed">
9                 <h1>Back button demo</h1>
10                 <span class="ui-title-text-sub">Normal footer with back button</span>
11         </div>
12
13         <div data-role="content">
14                 <p> Case 3 : <br><br>
15                 Web Developer declare back btn option and make footer <br>
16                 back button displayed right bottom side of footer</p><br>
17                 <div>
18                         <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
19                         &lt;div data-role="page" data-add-Back-Btn="true"&gt; <br>
20                         &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
21                         &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>
22                         &nbsp&nbsp&nbsp&nbsp&lt;/div&gt; <br>
23                         &nbsp&nbsp&nbsp&nbsp&lt;div data-role="content"&gt; <br>
24                         &nbsp&nbsp&nbsp&nbsp&lt;/div&gt; <br>
25                         &nbsp&nbsp&nbsp&nbsp&lt;div data-role="footer" data-position="fixed"&gt; <br>
26                         &nbsp&nbsp&nbsp&nbsp&lt;/div&gt; <br>
27                         &lt;/div&gt; </p>
28                 </div><br>
29         </div>
30         <div data-role="footer" data-position="fixed">
31         </div>
32 </div>
33
34 </body>
35 </html>