widgets/pagelayout/ctrl-test.html

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