<li data-role="list-divider">Tabbar</li>
<li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
- <li><a href="#tabbar_persist_a">Persist toolbar</a></li>
+ <li><a href="widgets/tabbar/tabbar_persist.html" data-ajax="false">Persist toolbar</a></li>
<li data-role="list-divider">Scrollview</li>
<li><a href="widgets/scrollview_x.html">Horizontal Scroll</a></li>
</div>
</div>
-<div data-role="page" id="tabbar_persist_a" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <div data-role="tabbar" data-id="persist_header" >
- <ul>
- <li><a href="#tabbar_persist_a" class="ui-btn-active ui-state-persist">Menu</a></li>
- <li><a href="#tabbar_persist_b" >Save</a></li>
- <li><a href="#tabbar_persist_c" >Next</a></li>
- </ul>
- </div><!-- /tabbar -->
- </div>
-
- <div data-role="content">
- <p>page a</p>
- </div>
-
- <div data-role="footer">
- </div>
-</div>
-
-<div data-role="page" id="tabbar_persist_b" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <div data-role="tabbar" data-id="persist_header" >
- <ul>
- <li><a href="#tabbar_persist_a" >Menu</a></li>
- <li><a href="#tabbar_persist_b" class="ui-btn-active ui-state-persist">Save</a></li>
- <li><a href="#tabbar_persist_c" >Next</a></li>
- </ul>
- </div><!-- /tabbar -->
- </div>
-
- <div data-role="content">
- <p>page b</p>
- </div>
-
- <div data-role="footer">
- </div>
-</div>
-
-<div data-role="page" id="tabbar_persist_c" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <div data-role="tabbar" data-id="persist_header" >
- <ul>
- <li><a href="#tabbar_persist_a" >Menu</a></li>
- <li><a href="#tabbar_persist_b" >Save</a></li>
- <li><a href="#tabbar_persist_c" class="ui-btn-active ui-state-persist">Next</a></li>
- </ul>
- </div><!-- /tabbar -->
- </div>
-
- <div data-role="content">
- <p>page c</p>
- </div>
-
- <div data-role="footer">
- </div>
-</div>
-
<div data-role="page" id="tokentextarea" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>Token Text Area</h1>
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
+ <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+ <script src="../../configure.js"></script>
+ <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+ <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+ data-framework-theme="tizen-white"
+ data-framework-viewport-width="device-width">
+ </script>
+ <script src="../../main.js"></script>
+ <link rel="stylesheet" href="../../custom.css" />
+
+ <title>Tizen UI - Persist Toolbar</title>
+
+ <!-- for compatibility test -->
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+ <link rel="apple-touch-icon" href="../../icon-tizen.png" />
+ </head>
+ <body>
+ <div data-role="page" id="tabbar_persist_a" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <div data-role="tabbar" data-id="persist_header" >
+ <ul>
+ <li><a href="#tabbar_persist_a" class="ui-btn-active ui-state-persist">Menu</a></li>
+ <li><a href="#tabbar_persist_b" >Save</a></li>
+ <li><a href="#tabbar_persist_c" >Next</a></li>
+ </ul>
+ </div><!-- /tabbar -->
+ </div>
+
+ <div data-role="content">
+ <p>page a</p>
+ </div>
+
+ <div data-role="footer">
+ </div>
+ </div>
+
+ <div data-role="page" id="tabbar_persist_b" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <div data-role="tabbar" data-id="persist_header" >
+ <ul>
+ <li><a href="#tabbar_persist_a" >Menu</a></li>
+ <li><a href="#tabbar_persist_b" class="ui-btn-active ui-state-persist">Save</a></li>
+ <li><a href="#tabbar_persist_c" >Next</a></li>
+ </ul>
+ </div><!-- /tabbar -->
+ </div>
+
+ <div data-role="content">
+ <p>page b</p>
+ </div>
+
+ <div data-role="footer">
+ </div>
+ </div>
+
+ <div data-role="page" id="tabbar_persist_c" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <div data-role="tabbar" data-id="persist_header" >
+ <ul>
+ <li><a href="#tabbar_persist_a" >Menu</a></li>
+ <li><a href="#tabbar_persist_b" >Save</a></li>
+ <li><a href="#tabbar_persist_c" class="ui-btn-active ui-state-persist">Next</a></li>
+ </ul>
+ </div><!-- /tabbar -->
+ </div>
+
+ <div data-role="content">
+ <p>page c</p>
+ </div>
+
+ <div data-role="footer">
+ </div>
+ </div>
+ </body>
+</html>