demos/tizen-winsets/widgets/pagelayout/ctrl-test.html

   1
   2 <body>
   3         <div data-role="page" id="page1">
   4                 <div data-role="header" data-position="fixed">
   5                         <h1>Tizen UI</h1>
   6                 </div>
   7                 <div data-role="content" id="content1">
   8                         <ul data-role="listview" data-icon="1line-textonly">
   9                                 <li><a href="#Tabbar_Main">ControlBar</a></li>
  10                         </ul>
  11                 </div>
  12                 <div data-role="content" id="content2">
  13                         <ul data-role="listview" data-icon="1line-textonly">
  14                                 <li><a href="#">Page2</a></li>
  15                                 <li><a href="#">Page2</a></li>
  16                                 <li><a href="#">Page2</a></li>
  17                         </ul>
  18                 </div>
  19                 <div data-role="content" id="content3">
  20                         <ul data-role="listview" data-icon="1line-textonly">
  21                                 <li><a href="#">Page3</a></li>
  22                                 <li><a href="#">Page3</a></li>
  23                                 <li><a href="#">Page3</a></li>
  24                                 <li><a href="#">Page3</a></li>
  25                         </ul>
  26                 </div>
  27                 <div data-role="footer"data-position ="fixed">
  28                         <div data-role="controlbar" data-style="tabbar" id="ctrlbar_5item" >
  29                                 <ul>
  30                                         <li><a href="#page1" data-for="content1" data-icon="ctrlbar-menu" >Menu</a></li>
  31                                         <li><a href="#page2" data-for="content2" data-icon="ctrlbar-save" >Save</a></li>
  32                                         <li><a href="#page3" data-for="content3" data-icon="ctrlbar-share" >Share</a></li>
  33                                 </ul>
  34                         </div>
  35                 </div>
  36         </div>
  37
  38 </body>
  39 </html>