7 <div data-role="page" data-add-back-btn="none">
8 <div data-role="header" data-position="fixed" >
9 <h1>Back button to Header</h1>
12 <div data-role="content">
14 Web Developer declared only footer in page<br>
15 but need to add back button dynamically in header<br>
16 select header and call barlayout("addBackBtn") API<br></p>
18 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
19 <div data-role="page" data-add-back-btn="none"> <br>
20     <div data-role="header" data-position="fixed"> <br>
21         <h1>back button sample</h1> <br>
22     </div> <br>
23     <div data-role="content"> <br>
24     </div> <br>
25     <div data-role="footer"> <br>
26     </div> <br>
31 <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
33 var $elHeader = $(".ui-page-active").find(".ui-header"); <br>
34 $elHeader.barlayout("addBackBtn"); <br>
39 <a id="genBackToFooter2" data-role="button" data-inline="true">Generate backbutton to header</a><br><br>
40 <a href="../backbutton-control.html" data-role="button" data-inline="true">Go Back</a>
43 <div data-role="footer">