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">
13 <script src="main.js"></script>
14 <script src="webappInit.js"></script>
15 <link rel="stylesheet" href="custom.css" />
17 <title>Tizen UI</title>
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 <link rel="stylesheet" href="./widgets/grid/css/namecard.css" />
27 <div data-role="page" id="main" data-add-back-btn="true">
28 <div data-role="header" data-position="fixed">
31 <div data-role="content">
32 <p id="current_date"></p>
33 <p id="html_font_size"></p>
35 <ul data-role="listview">
36 <li data-role="list-divider">Controls</li>
37 <li><a href="widgets/button/button.html">Button</a></li>
38 <li><a href="widgets/checkbox/checkbox.html">Check</a></li>
39 <li><a href="widgets/switch/toggleswitch.html">Flip Toggle Switch</a></li>
40 <li><a href="widgets/radio/radio.html">Radio</a></li>
41 <li><a href="widgets/searchbar/searchbar.html">Searchbar</a></li>
42 <li><a href="widgets/entry.html">Entry</a></li>
43 <li><a href="widgets/datefield.html">Time picker</a></li>
44 <li><a href="widgets/progressbar.html">Progressbar</a></li>
45 <li><a href="widgets/slider/slider.html">Slider</a></li>
46 <li><a href="widgets/segmentctrl.html">Segment Control</a></li>
47 <li><a href="widgets/buttonGrouping.html">Group Control(new segment)</a></li>
48 <li><a href="widgets/tokentextarea/tokentextarea.html" data-ajax="false">Token Text Area</a></li>
50 <li data-role="list-divider">Page Layout</li>
51 <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
52 <li><a href="widgets/pagelayout/barcontrol.html">Header/Footer(fixed/non-fixed) Control</a></li>
53 <li><a href="widgets/pagelayout/backbutton-control.html">Back Button Control</a></li>
55 <li data-role="list-divider">Tabbar</li>
56 <li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
57 <li><a href="widgets/tabbar/tabbar_persist.html" data-ajax="false">Persist toolbar</a></li>
59 <li data-role="list-divider">Scrollview</li>
60 <li><a href="widgets/scrollview_x.html">Horizontal Scroll</a></li>
61 <li><a href="widgets/scrollview_y.html">Vertical Scroll</a></li>
62 <li><a href="widgets/scrollview_xy.html">XY Scroll</a></li>
63 <li><a href="widgets/handler.html">Handler</a></li>
64 <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
66 <li data-role="list-divider">List</li>
67 <li><a href="widgets/list/list.html">List</a></li>
68 <li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
69 <li><a href="widgets/fastscroll.html">Fastscroll</a></li>
71 <li data-role="list-divider">Popup</li>
72 <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
73 <li><a href="widgets/ctxpopup.html">Context Popup</a></li>
75 <li data-role="list-divider">Notification</li>
76 <li><a href="widgets/tickernoti.html">TickerNoti</a></li>
77 <li><a href="widgets/tickernoti-interval.html">TickerNoti Interval</a></li>
78 <li><a href="widgets/small-popup.html">Small Popup</a></li>
79 <li><a href="widgets/small-popup-interval.html">Small Popup Interval</a></li>
81 <li data-role="list-divider">Gallery</li>
82 <li><a href="widgets/gallery.html">Gallery</a></li>
84 <li data-role="list-divider">Virtual Grid</li>
85 <li><a href="widgets/grid/virtualgrid.html">Virtual Grid</a></li>
86 <li><a href="widgets/grid/virtualgrid-rotation.html">Virtual Grid - Rotation</a></li>
87 <li><a href="widgets/grid/virtualgrid-list.html">Virtual Grid - List</a></li>
88 <li><a href="widgets/grid/virtualgrid-x.html">Virtual Grid - X</a></li>
89 <li><a href="widgets/grid/virtualgrid-size.html">Virtual Grid - Size</a></li>
91 <li data-role="list-divider">Multimedia View</li>
92 <li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
94 <li data-role="list-divider">Programming Tips</li>
95 <li><a href="tips/generate-elements-dynamically.html">Generate Elements by JS</a></li>
96 <li><a href="tips/custom-globalize-culture/custom-globalize-culture.html">Using custom Globalize culture files</a></li>
97 <li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
98 <li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
99 <li><a href="tips/page-transition/transition.html">Page transitions</a></li>
105 <div data-role="footer">
109 <script src="widgets/checkbox/checkbox.js"></script>
110 <script src="widgets/radio/radio.js"></script>
111 <script src="widgets/progressbar.js"></script>
112 <script src="widgets/ctxpopup.js"></script>
113 <script src="widgets/popupwindow/popupwindow.js"></script>
114 <script src="tips/generate-elements-dynamically.js"></script>
115 <script src="tips/two-line-text/two-line-text.js"></script>
116 <script src="tips/list-sample/list-sample.js"></script>
117 <script src="tips/pinch-event/pinch.js"></script>
118 <script src="widgets/pagelayout/barcontrol.js"></script>
119 <script src="widgets/pagelayout/backbutton-control.js"></script>
120 <script src="widgets/list/list-edit.js"></script>
122 <link rel="stylesheet" href="./widgets/tabbar/tabbar.css" />
123 <link rel="stylesheet" href="./widgets/switch/toggleswitch.css" />