demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal2.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4         </head>
   5 <body>
   6
   7 <div data-role="page">
   8         <div data-role="header" data-position="fixed" >
   9                 <h1>Defined normal footer</h1>
  10         </div>
  11
  12         <div data-role="content">
  13                 <p> Case 2 : <br><br>
  14                 Web Developer defines footer in page <br>
  15                 This page has &lt;div&gt; footer in html file <br>
  16                 Framework gets tizen theme of footer and styling 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"&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"&gt; <br>
  26                         &nbsp&nbsp&nbsp&nbsp&lt;/div&gt; <br>
  27                         &lt;/div&gt; </p>
  28                 </div><br>
  29         </div>
  30
  31         <div data-role="footer">
  32         </div>
  33 </div>
  34 </body>
  35 </html>