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">
12 <script src="../../main.js"></script>
13 <title>Tizen UI - Tabbar</title>
14 <!-- for compatibility test -->
15 <meta name="apple-mobile-web-app-capable" content="yes" />
16 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
17 <link rel="apple-touch-icon" href="../../icon-tizen.png" />
21 <div data-role="page" data-add-back-btn="true">
22 <div data-role="header" data-position="fixed">
25 <div data-role="content">
26 <div class="content-primary">
27 <ul data-role="listview">
28 <li data-role="list-divider">HEADER</li>
29 <li><a href="tabbar_text.html">Tab(text) only</a></li>
30 <li><a href="tabbar_icon_text.html">Tab(icon + text) only</a></li>
31 <li><a href="tabbar_icon.html">Tab(icon) only</a></li>
32 <li><a href="tabbar_title_text.html">Title + Tab(text)</a></li>
33 <li><a href="tabbar_title_icon.html">Title Tab(icon) only</a></li>
34 <li><a href="tabbar_scrolling.html">Scrolling interation</a></li>
36 <li data-role="list-divider">FOOTER</li>
37 <li><a href="tabbar_footer_icon.html">Footer + Tab(icon)</a></li>
38 <li><a href="tabbar_footer.html">Footer + Tab(text)</a></li>
39 <li><a href="tabbar_footer_more.html">Footer + more + Tab(text)</a></li>
40 <li><a href="tabbar_footer_segment.html">Footer + SegmentTab(text)</a></li>
41 <li><a href="tabbar_footer_segment_more.html">Footer + more + SegmentTab(text)</a></li>
43 </div><!--/content-primary -->
45 <div data-role="footer"></div>
46 <link rel="stylesheet" href="tabbar.css" />