demos/tizen-winsets/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5         <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   6         <script src="configure.js"></script>
   7         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   8         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   9                 data-framework-theme="tizen-white"
  10                 data-framework-viewport-width="device-width">
  11
  12         </script>
  13         <script src="main.js"></script>
  14         <script src="webappInit.js"></script>
  15         <script src="webappOrientation.js"></script>
  16         <title>Tizen UI</title>
  17         <!-- for compatibility test -->
  18         <meta name="apple-mobile-web-app-capable" content="yes" />
  19         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  20         <link rel="apple-touch-icon" href="icon-tizen.png" />
  21 </head>
  22
  23 <body>
  24         <div data-role="page" id="main" data-add-back-btn="true">
  25                 <div data-role="header" data-position="fixed">
  26                         <h1>Tizen Web UI</h1>
  27                 </div>
  28                 <div data-role="content">
  29                         <ul data-role="listview">
  30                                 <li data-role="list-divider">Controls</li>
  31                                 <li><a href="widgets/button/button.html">Button</a></li>
  32                                 <li><a href="widgets/checkbox/checkbox.html">Check</a></li>
  33                                 <li><a href="widgets/switch/toggleswitch.html">Flip Toggle Switch</a></li>
  34                                 <li><a href="widgets/radio/radio.html">Radio</a></li>
  35                                 <li><a href="widgets/searchbar/searchbar.html">Searchbar</a></li>
  36                                 <li><a href="widgets/entry.html">Entry</a></li>
  37                                 <li><a href="widgets/datefield.html">Time picker</a></li>
  38                                 <li><a href="widgets/progressbar.html">Progressbar</a></li>
  39                                 <li><a href="widgets/slider/slider.html">Slider</a></li>
  40                                 <li><a href="widgets/segmentctrl.html">Segment Control</a></li>
  41                                 <li><a href="widgets/buttonGrouping.html">Group Control(new segment)</a></li>
  42                                 <li><a href="widgets/tokentextarea/tokentextarea.html" data-ajax="false">Token Text Area</a></li>
  43                                 <li><a href="widgets/splitview.html">Splitview</a></li>
  44                                 <li data-role="list-divider">Page Layout</li>
  45                                 <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
  46                                 <li><a href="widgets/pagelayout/barcontrol.html">Header/Footer(fixed/non-fixed) Control</a></li>
  47                                 <li><a href="widgets/pagelayout/backbutton-control.html">Back Button Control</a></li>
  48
  49                                 <li data-role="list-divider">Tabbar</li>
  50                                 <li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
  51                                 <li><a href="widgets/tabbar/tabbar_persist.html" data-ajax="false">Persist toolbar</a></li>
  52
  53                                 <li data-role="list-divider">Scrollview</li>
  54                                 <li><a href="widgets/scrollview_x.html">Horizontal Scroll</a></li>
  55                                 <li><a href="widgets/scrollview_y.html">Vertical Scroll</a></li>
  56                                 <li><a href="widgets/scrollview_xy.html">XY Scroll</a></li>
  57                                 <li><a href="widgets/handler.html">Handler</a></li>
  58                                 <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
  59
  60                                 <li data-role="list-divider">List</li>
  61                                 <li><a href="widgets/list/list.html">List</a></li>
  62                                 <li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
  63                                 <li><a href="widgets/fastscroll.html">Fastscroll</a></li>
  64
  65                                 <li data-role="list-divider">Popup</li>
  66                                 <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
  67                                 <li><a href="widgets/ctxpopup.html">Context Popup</a></li>
  68
  69                                 <li data-role="list-divider">Notification</li>
  70                                 <li><a href="widgets/tickernoti.html">TickerNoti</a></li>
  71                                 <li><a href="widgets/tickernoti-interval.html">TickerNoti Interval</a></li>
  72                                 <li><a href="widgets/small-popup.html">Small Popup</a></li>
  73                                 <li><a href="widgets/small-popup-interval.html">Small Popup Interval</a></li>
  74
  75                                 <li data-role="list-divider">Gallery</li>
  76                                 <li><a href="widgets/gallery.html">Gallery</a></li>
  77
  78                                 <li data-role="list-divider">Virtual Grid</li>
  79                                 <li><a href="widgets/grid/virtualgrid.html">Virtual Grid</a></li>
  80                                 <li><a href="widgets/grid/virtualgrid-rotation.html">Virtual Grid - Rotation</a></li>
  81                                 <li><a href="widgets/grid/virtualgrid-list.html">Virtual Grid - List</a></li>
  82                                 <li><a href="widgets/grid/virtualgrid-x.html">Virtual Grid - X</a></li>
  83                                 <li><a href="widgets/grid/virtualgrid-size.html">Virtual Grid - Size</a></li>
  84
  85                                 <li data-role="list-divider">Multimedia View</li>
  86                                 <li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
  87
  88                                 <li data-role="list-divider">Programming Tips</li>
  89                                 <li><a href="tips/generate-elements-dynamically.html">Generate Elements by JS</a></li>
  90                                 <li><a href="tips/custom-globalize-culture/custom-globalize-culture.html">Using custom Globalize culture files</a></li>
  91                                 <li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
  92                                 <li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
  93                                 <li><a href="tips/page-transition/transition.html">Page transitions</a></li>
  94                                 <li><a href="tips/localeinfo.html">Locale Information</a></li>
  95
  96
  97 <!-- START_PROPRIETARY -->
  98                                 <li data-role="list-divider">Experimental</li>
  99                                 <li><a href="widgets/gallery3d/gallery3d.html">Gallery 3D</a></li>
 100 <!-- END_PROPRIETARY -->
 101                         </ul>
 102                 </div>
 103                 <div data-role="footer">
 104                 </div>
 105         </div>
 106 </body>
 107 </html>