Sync tizen-winsets demo app
[platform/framework/web/web-ui-fw.git] / 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
17         <title>TIZEN UI</title>
18
19         <!-- for compatibility test -->
20         <meta name="apple-mobile-web-app-capable" content="yes" />
21         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
22         <link rel="apple-touch-icon" href="icon-tizen.png" />
23 </head>
24
25 <body>
26         <div data-role="page" id="main" data-add-back-btn="true">
27                 <div data-role="header" data-position="fixed">
28                         <h1>TIZEN WEB UI</h1>
29                 </div>
30                 <div data-role="content">
31                         <ul data-role="listview">
32                                 <li data-role="list-divider">WIDGETS</li>
33                                 <li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
34                                 <li><a href="widgets/button/button.html">Button</a></li>
35                                 <li><a href="widgets/checkbox/checkbox.html">Checkbox</a></li>
36                                 <li><a href="widgets/ctxpopup.html">Context popup</a></li>
37                                 <li><a href="widgets/datefield.html">Date picker,Time picker,and Date time picker</a></li>
38                                 <li><a href="widgets/list/list-extendable.html">Extendable list</a></li>
39                                 <li><a href="widgets/fastscroll.html">Fast scroll</a></li>
40                                 <li><a href="widgets/switch/toggleswitch.html">Flip toggle switch</a></li>
41                                 <li><a href="widgets/gallery.html">Gallery</a></li>
42                                 <li><a href="widgets/handler.html">Handler</a></li>
43                                 <li><a href="widgets/naviframe/headerandfooter.html">Header and footer</a></li>
44                                 <li><a href="widgets/list/list.html">List</a></li>
45                                 <li><a href="widgets/list/list-divider.html">List divider</a></li>
46                                 <li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
47                                 <li><a href="widgets/tickernoti.html">Notification</a></li>
48                                 <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
49                                 <li><a href="widgets/progress.html">Progress</a></li>
50                                 <li><a href="widgets/progressbar.html">Progress bar</a></li>
51                                 <li><a href="widgets/searchbar/searchbar.html">Search filter bar</a></li>
52                                 <li><a href="widgets/slider/slider.html">Slider</a></li>
53                                 <li><a href="widgets/list/list-swipe.html">Swipe</a></li>
54                                 <li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
55                                 <li><a href="widgets/tokentextarea/tokentextarea.html" >Token text area</a></li>
56                                 <li><a href="widgets/list/virtuallist.html">Virtual list</a></li>
57                                 <li><a href="widgets/grid/virtualgrid.html">Virtual grid</a></li>
58                                 <li data-role="list-divider">PROGRAMMING TIPS</li>
59                                 <li><a href="widgets/pagelayout/backbutton-control.html">Back button control</a></li>
60                                 <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
61                                 <li><a href="tips/generate-elements-dynamically/generate-elements-dynamically.html">Generate Elements by JS</a></li>
62                                 <li><a href="tips/custom-globalize-culture/custom-globalize-culture.html">Using custom Globalize culture files</a></li>
63                                 <li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
64                                 <li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
65                                 <li><a href="tips/page-transition/transition.html">Page transitions</a></li>
66                                 <li><a href="tips/pinch-event/pinch.html">Pinch Event</a></li>
67                                 <li><a href="tips/localeinfo.html">Locale Information</a></li>
68                                 <li><a href="widgets/tabbar/tabbar_persist.html">Tabbar - Persist</a></li>
69                                 <li><a href="widgets/small-popup.html">Small popup</a></li>
70                                 <li><a href="widgets/small-popup-interval.html">Small popup interval</a></li>
71                                 <li><a href="widgets/scrollview_x.html">Scroll view - Horizontal</a></li>
72                                 <li><a href="widgets/scrollview_y.html">Scroll view - Vertical</a></li>
73                                 <li><a href="widgets/scrollview_xy.html">Scroll view - XY</a></li>
74                                 <li><a href="widgets/entry.html">Entry</a></li>
75                                 <li><a href="widgets/segmentctrl.html">Segment control</a></li>
76                                 <li><a href="widgets/radio/radio.html">Radio</a></li>
77                                 <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
78 <!-- START_PROPRIETARY -->
79                                 <li data-role="list-divider">EXPERIMENTAL</li>
80                                 <li><a href="widgets/gallery3d/gallery3d.html">Gallery 3D</a></li>
81                                 <li><a href="widgets/splitview.html">Split view</a></li>
82 <!-- END_PROPRIETARY -->
83                         </ul>
84                 </div>
85                 <div data-role="footer">
86                 </div>
87         </div>
88 </body>
89 </html>