widgets/pagelayout/backbutton/backbutton-normal3.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4         </head>
   5         <body>
   6                 <div data-role="page" data-add-back-btn="footer">
   7                         <div data-role="header" data-position="fixed">
   8                                 <h1>Defined back button in page</h1>
   9                         </div>
  10                         <div data-role="content">
  11                                 <p> Case 3 : <br /><br /> Web Developer defines back button in page <br /> This page does not have &lt;div&gt; footer in html file <br /> but declared back button in page <br /> Framework generates footer then attach back button to 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; data-add-back-btn=&quot;footer&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 /> &lt;/div&gt; </p>
  15                                 </div>
  16                                 <br />
  17                         </div>
  18                 </div>
  19         </body>
  20 </html>