Tizenwinset: Page transition page has been added
authorhjnim.kim <hjnim.kim@samsung.com>
Tue, 2 Apr 2013 05:01:13 +0000 (14:01 +0900)
committerYoumin Ha <youmin.ha@samsung.com>
Fri, 5 Apr 2013 07:33:13 +0000 (16:33 +0900)
data-ajax option have some errors in page navigation
so I have been changed page navigation method(from # navigation to html navigation) in transition sample page
N_SE-30565

Change-Id: I8df01ccd159141f93d829079b1113992ba7a3653

demos/tizen-winsets/tips/page-transition/transition-page.html [new file with mode: 0644]
demos/tizen-winsets/tips/page-transition/transition.html

diff --git a/demos/tizen-winsets/tips/page-transition/transition-page.html b/demos/tizen-winsets/tips/page-transition/transition-page.html
new file mode 100644 (file)
index 0000000..4c00ba2
--- /dev/null
@@ -0,0 +1,17 @@
+<html>
+       <head></head>
+       <body>
+               <div data-role="page" data-add-back-btn="true" id="transition-page">
+                       <div data-role="header" data-position="fixed">
+                               <h1>Sample</h1>
+                       </div>
+                       <div data-role="content">
+                               <div data-role="gallery" data-vertical-align="middle">
+                                       <img src="../../widgets/test/05.jpg">
+                               </div>
+                       </div> <!-- /content -->
+                       <div data-role="footer">
+                       </div>
+               </div> <!-- /page -->
+       </body>
+</html>
index 6b98014..74c040b 100644 (file)
        </div>
        <div data-role="content">
                <ul data-role="listview" data-icon="1line-textonly">
-                       <li><a href="#transition-page" data-transition="depth">depth</a></li>
-                       <li><a href="#transition-page" data-transition="fade">fade</a></li>
-                       <li><a href="#transition-page" data-transition="pop">pop</a></li>
-                       <li><a href="#transition-page" data-transition="flip">flip</a></li>
-                       <li><a href="#transition-page" data-transition="turn">turn</a></li>
-                       <li><a href="#transition-page" data-transition="flow">flow</a></li>
-                       <li><a href="#transition-page" data-transition="slidefade">slidefade</a></li>
-                       <li><a href="#transition-page" data-transition="slide">slide</a></li>
-                       <li><a href="#transition-page" data-transition="slideup">slideup</a></li>
-                       <li><a href="#transition-page" data-transition="slidedown">slidedown</a></li>
-                       <li><a href="#transition-page" data-transition="none">none</a></li>
+                       <li><a href="transition-page.html" data-transition="depth">depth</a></li>
+                       <li><a href="transition-page.html" data-transition="fade">fade</a></li>
+                       <li><a href="transition-page.html" data-transition="pop">pop</a></li>
+                       <li><a href="transition-page.html" data-transition="flip">flip</a></li>
+                       <li><a href="transition-page.html" data-transition="turn">turn</a></li>
+                       <li><a href="transition-page.html" data-transition="flow">flow</a></li>
+                       <li><a href="transition-page.html" data-transition="slidefade">slidefade</a></li>
+                       <li><a href="transition-page.html" data-transition="slide">slide</a></li>
+                       <li><a href="transition-page.html" data-transition="slideup">slideup</a></li>
+                       <li><a href="transition-page.html" data-transition="slidedown">slidedown</a></li>
+                       <li><a href="transition-page.html" data-transition="none">none</a></li>
                </ul>
        </div><!-- /content -->
        <div data-role="footer" data-add-back-btn="true">
        </div>
 </div> <!-- /page -->
-<div data-role="page" data-add-back-btn="true" id="transition-page">
-       <div data-role="header" data-position="fixed">
-               <h1>Sample</h1>
-       </div>
-       <div data-role="content">
-               <div data-role="gallery" data-vertical-align="middle">
-                       <img src="../../widgets/test/05.jpg">
-               </div>
-       </div> <!-- /content -->
-       <div data-role="footer">
-       </div>
-</div> <!-- /page -->
 </body>
 </html>