Move tabbar persist demo to external page.
authorPrzemyslaw Ciezkowski <p.ciezkowski@samsung.com>
Fri, 8 Mar 2013 15:32:41 +0000 (16:32 +0100)
committerYoumin Ha <youmin.ha@samsung.com>
Fri, 22 Mar 2013 11:20:36 +0000 (20:20 +0900)
Disable ajax loading to load 3 tabs at once.

Change-Id: I9e713ab5e016239db9c1fa6e9bb04489f9d54ddf

demos/tizen-winsets/index.html
demos/tizen-winsets/widgets/tabbar/tabbar_persist.html [new file with mode: 0644]

index 1435a96..f2633f2 100644 (file)
@@ -54,7 +54,7 @@
 
                                <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>
diff --git a/demos/tizen-winsets/widgets/tabbar/tabbar_persist.html b/demos/tizen-winsets/widgets/tabbar/tabbar_persist.html
new file mode 100644 (file)
index 0000000..3d3f675
--- /dev/null
@@ -0,0 +1,80 @@
+<!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>