widgets/pagelayout/backbutton/backbutton-normal2.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4         </head>
   5         <body>
   6                 <div data-role="page">
   7                         <div data-role="header" data-position="fixed">
   8                                 <h1>Defined normal footer</h1>
   9                         </div>
  10                         <div data-role="content">
  11                                 <p> Case 2 : <br /><br /> Web Developer defines footer in page <br /> This page has &lt;div&gt; footer in html file <br /> Framework gets tizen theme of footer and styling footer</p>
  12                                 <br />
  13                                 <div>
  14                                         <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset"> &lt;div data-role=&quot;page&quot;&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;div data-role=&quot;header&quot; data-position=&quot;fixed&quot;&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;back button sample&lt;/h1&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;div data-role=&quot;content&quot;&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;div data-role=&quot;footer&quot;&gt; <br /> &nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt; <br /> &lt;/div&gt; </p>
  15                                 </div>
  16                                 <br />
  17                         </div>
  18                         <div data-role="footer">
  19                         </div>
  20                 </div>
  21         </body>
  22 </html>