Move css files from index to proper subpages
authorPrzemyslaw Ciezkowski <p.ciezkowski@samsung.com>
Tue, 12 Mar 2013 10:45:49 +0000 (11:45 +0100)
committerYoumin Ha <youmin.ha@samsung.com>
Fri, 22 Mar 2013 11:21:33 +0000 (20:21 +0900)
Moved: namecard.css, custom.css, tabbar.css, toggleswitch.css

Change-Id: I0c3e32ab1a02be85ff556c4f2135e794fffbb1df

56 files changed:
demos/tizen-winsets/index.html
demos/tizen-winsets/tips/custom-globalize-culture/custom-globalize-culture.html
demos/tizen-winsets/tips/generate-elements-dynamically/generate-elements-dynamically.html
demos/tizen-winsets/tips/list-sample/list-sample.html
demos/tizen-winsets/tips/page-transition/transition.html
demos/tizen-winsets/tips/pinch-event/pinch.html
demos/tizen-winsets/tips/two-line-text/two-line-text.html
demos/tizen-winsets/widgets/button/buttonNolist.html
demos/tizen-winsets/widgets/button/styles.css [moved from demos/tizen-winsets/custom.css with 67% similarity]
demos/tizen-winsets/widgets/checkbox/checkbox.html
demos/tizen-winsets/widgets/checkbox/styles.css [new file with mode: 0644]
demos/tizen-winsets/widgets/ctxpopup.html
demos/tizen-winsets/widgets/grid/virtualgrid-list.html
demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html
demos/tizen-winsets/widgets/grid/virtualgrid-size.html
demos/tizen-winsets/widgets/grid/virtualgrid-x.html
demos/tizen-winsets/widgets/grid/virtualgrid.html
demos/tizen-winsets/widgets/list/list-dialogue-edit.html
demos/tizen-winsets/widgets/naviframe/naviframe.html
demos/tizen-winsets/widgets/naviframe/naviframe_footer_more.html
demos/tizen-winsets/widgets/naviframe/naviframe_footer_more_button.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_1_btn.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_2_btn.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_multiline.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_multiline_src.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_multiline_src_2_btn.html
demos/tizen-winsets/widgets/naviframe/naviframe_title_text_src.html
demos/tizen-winsets/widgets/pagelayout/backbutton-control.html
demos/tizen-winsets/widgets/pagelayout/backbutton/back-button-to-header.html
demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-footer.html
demos/tizen-winsets/widgets/pagelayout/backbutton/dynamically-attatch-backbutton-to-header.html
demos/tizen-winsets/widgets/pagelayout/backbutton/no-back-button.html
demos/tizen-winsets/widgets/pagelayout/backbutton/no-footer.html
demos/tizen-winsets/widgets/pagelayout/barcontrol.html
demos/tizen-winsets/widgets/popupwindow/popup.html
demos/tizen-winsets/widgets/progressbar.html
demos/tizen-winsets/widgets/radio/radio.html
demos/tizen-winsets/widgets/slider/slider.html
demos/tizen-winsets/widgets/switch/toggleswitch.html
demos/tizen-winsets/widgets/tabbar/tabbar.css
demos/tizen-winsets/widgets/tabbar/tabbar.html
demos/tizen-winsets/widgets/tabbar/tabbar_footer.html
demos/tizen-winsets/widgets/tabbar/tabbar_footer_icon.html
demos/tizen-winsets/widgets/tabbar/tabbar_footer_more.html
demos/tizen-winsets/widgets/tabbar/tabbar_footer_segment.html
demos/tizen-winsets/widgets/tabbar/tabbar_footer_segment_more.html
demos/tizen-winsets/widgets/tabbar/tabbar_icon.html
demos/tizen-winsets/widgets/tabbar/tabbar_icon_text.html
demos/tizen-winsets/widgets/tabbar/tabbar_persist.html
demos/tizen-winsets/widgets/tabbar/tabbar_scrolling.html
demos/tizen-winsets/widgets/tabbar/tabbar_text.html
demos/tizen-winsets/widgets/tabbar/tabbar_title_icon.html
demos/tizen-winsets/widgets/tabbar/tabbar_title_text.html
demos/tizen-winsets/widgets/tokentextarea/tokentextarea.html

index 7fad589..06881f8 100644 (file)
        </script>
        <script src="main.js"></script>
        <script src="webappInit.js"></script>
-       <link rel="stylesheet" href="custom.css" />
-
        <title>Tizen UI</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" />
-       <link rel="stylesheet" href="./widgets/grid/css/namecard.css" />
 </head>
 
 <body>
                <div data-role="footer">
                </div>
        </div>
-
-       <link rel="stylesheet" href="./widgets/tabbar/tabbar.css" />
-       <link rel="stylesheet" href="./widgets/switch/toggleswitch.css" />
 </body>
 </html>
index dee818d..a1e72ff 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - Custom globalize culture</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index dc1a01b..5f90521 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - Generate elements dynamically</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index a17649f..63b182c 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - List sample</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index 2513b5f..b3c620b 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - Transition page</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index ed36418..98aac4a 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - Pinch event</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index e4aefd6..b74ae92 100644 (file)
@@ -10,7 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
        <title>Tizen UI - Two line text sample</title>
        <!-- for compatibility test -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
index 5d8786b..2f52fef 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-        <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet"  href="themes/default/" />
-        <script src="js/jquery.js"></script>
-        <script src="js/"></script>
-        <script src="theme.js"></script>
-        <script src="js/jquery.mobile.forms.button.extension.js"></script>
-        </head>
+<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>
+       <title>Tizen UI - Button</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="ButtonNolist" data-add-back-btn="true" >
@@ -86,6 +93,7 @@
        </div>
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="styles.css" />
 </div>
 </body>
 </html>
similarity index 67%
rename from demos/tizen-winsets/custom.css
rename to demos/tizen-winsets/widgets/button/styles.css
index fb9759d..99c6a22 100644 (file)
@@ -1,10 +1,3 @@
-.my-check-button-style {
-       margin: 10px;
-}
-.my-check-inline-style {
-       display: inline;
-}
-
 .ui-icon-test{
        background-size: 100% 100%;
        background-image: url(test.png);
@@ -14,4 +7,4 @@
        background-position:0% 0%;
        background-size:50% 50%;
        background-image: url(test.png);
-}
+}
\ No newline at end of file
index a6a6da3..78a364d 100644 (file)
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
-
                <title>Tizen UI - Checkbox</title>
-
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
                <meta name="apple-mobile-web-app-status-bar-style" content="black" />
@@ -60,6 +57,7 @@
                        </div>
                        <div data-role="footer">
                        </div>
+                       <link rel="stylesheet" href="styles.css" />
                        <script src="checkbox.js"></script>
                </div>
        </body>
diff --git a/demos/tizen-winsets/widgets/checkbox/styles.css b/demos/tizen-winsets/widgets/checkbox/styles.css
new file mode 100644 (file)
index 0000000..e577ed2
--- /dev/null
@@ -0,0 +1,6 @@
+.my-check-button-style {
+       margin: 10px;
+}
+.my-check-inline-style {
+       display: inline;
+}
\ No newline at end of file
index 3574c78..b6c89de 100644 (file)
@@ -10,8 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../main.js"></script>
-               <link rel="stylesheet" href="../custom.css" />
-
                <title>Tizen UI - CtxPopup</title>
 
                <!-- for compatibility test -->
index fe17bfe..7603fdc 100644 (file)
@@ -17,6 +17,7 @@
        </div>
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="css/namecard.css" />
        <script>
                $( ".virtualgrid_list_demo_page" ).one( "pagecreate", function() {
                        $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
index 8a6d4a4..ae99c4f 100644 (file)
@@ -18,6 +18,7 @@
        </div>
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="css/namecard.css" />
        <script>
                $( ".virtualgrid_rotation_demo_page" ).one( "pagecreate", function() {
                        $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
index 9b6a206..8517dee 100644 (file)
@@ -18,6 +18,7 @@
        </div>
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="css/namecard.css" />
        <script>
                $( ".virtualgrid_test_demo_page" ).one( "pagecreate", function() {
                        $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
index 229945d..d45092f 100644 (file)
        </div>
        <div data-role="footer">
        </div>
-       <script>
-               $("#virtualgrid-demo").bind("select", function(event, data){
-                       //alert("item :: " + $(data).find(".ui-demo-namecard-contents").text());
-               });
-       </script>
+       <link rel="stylesheet" href="css/namecard.css" />
        <script>
                $( ".virtualgrid_x_demo_page" ).one( "pagecreate", function() {
                        $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus ) {
index f399de3..f650d59 100644 (file)
@@ -18,6 +18,7 @@
        </div>
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="css/namecard.css" />
        <script>
                $( ".virtualgrid_grid_demo_page" ).one( "pagecreate", function() {
                        $.getScript( "./js/virtualgrid-db-demo.js", function( data, textStatus, jqXHR ) {
index 93bab1c..5cd5431 100644 (file)
@@ -10,8 +10,6 @@
                        data-framework-viewport-width="device-width">
        </script>
        <script src="../../main.js"></script>
-       <link rel="stylesheet" href="../../custom.css" />
-
        <title>Tizen UI - Slider</title>
 
        <!-- for compatibility test -->
index 86f22fe..f61f3e0 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index dd29aa8..cba2c81 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index cd25ebe..f02a0ec 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index d6f2f07..828a2f2 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index aa77a1f..1f9818d 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 5a96c6d..c9e1785 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index bd7f078..c93047c 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 0776ed9..480952a 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 7478db7..470af06 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 27f03b6..bbb4fef 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Naviframe</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 8636eca..3cfca8f 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 92848b1..1a03d8d 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 496b820..accda6e 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 15a9d08..f377a97 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index cae5f64..f70bca3 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 36381b7..1da476c 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index eed3ed7..f323a62 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../../main.js"></script>
-               <link rel="stylesheet" href="../../../custom.css" />
                <title>Tizen UI - Back button control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 9071b93..b79f106 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Bar control</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 123ef60..9735428 100644 (file)
@@ -10,8 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
-
                <title>Tizen UI - Popup</title>
 
                <!-- for compatibility test -->
index 1ffd9e8..942170d 100644 (file)
@@ -10,8 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../main.js"></script>
-               <link rel="stylesheet" href="../custom.css" />
-
                <title>Tizen UI - Checkbox</title>
 
                <!-- for compatibility test -->
index 9a5743e..bad72c1 100644 (file)
@@ -10,7 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
                <title>Tizen UI - Radio</title>
                <!-- for compatibility test -->
                <meta name="apple-mobile-web-app-capable" content="yes" />
index 81be9ce..6361449 100644 (file)
@@ -10,8 +10,6 @@
                                data-framework-viewport-width="device-width">
                </script>
                <script src="../../main.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
-
                <title>Tizen UI - Slider</title>
 
                <!-- for compatibility test -->
index 22abb49..098741f 100644 (file)
@@ -53,4 +53,5 @@
 
        <div data-role="footer">
        </div>
+       <link rel="stylesheet" href="toggleswitch.css" />
 </div> <!-- page -->
index 858bd48..10b092b 100644 (file)
@@ -1,5 +1,9 @@
-.ui-btn-up-s .ui-icon-tabedit {.tizen-icon-common;     background-image: url(00_tab_edit.png);  }
+.ui-btn-up-s .ui-icon-tabedit {
+       background-image: url(00_tab_edit.png);
+}
 
 .ui-btn-hover-s .ui-icon-tabedit,
 .ui-btn-active.ui-btn-up-s .ui-icon-tabedit,
-.ui-btn-down-s .ui-icon-tabedit {.tizen-icon-common;   background-image: url(00_tab_edit_press.png);    }
+.ui-btn-down-s .ui-icon-tabedit {
+       background-image: url(00_tab_edit_press.png);
+}
index e84f36a..529dd24 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
@@ -35,8 +42,8 @@
                                </ul>
                        </div><!--/content-primary -->
                </div>
-               <div data-role="footer">
-               </div>
+               <div data-role="footer"></div>
+               <link rel="stylesheet" href="tabbar.css" />
        </div>
 </body>
 </html>
index dc3461d..3e1037b 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
index 90f6e20..07729aa 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
@@ -27,6 +34,7 @@
                        </ul>
                </div>
        </div>
+       <link rel="stylesheet" href="tabbar.css" />
 </div>
 </body>
 </html>
index 595d26f..dba7504 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
index c7caac7..92e5add 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
index 4e43be4..3e483e6 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
index 308d61f..24726dd 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
@@ -25,8 +32,8 @@
        <div data-role="content">
        </div>
 
-       <div data-role="footer">
-       </div>
+       <div data-role="footer"></div>
+       <link rel="stylesheet" href="tabbar.css" />
 </div>
 
 </body>
index 758b3df..5251161 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
@@ -27,8 +34,8 @@
 
        </div>
 
-       <div data-role="footer">
-       </div>
+       <div data-role="footer"></div>
+       <link rel="stylesheet" href="tabbar.css" />
 </div>
 
 </body>
index 3d3f675..b625ca9 100644 (file)
@@ -1,24 +1,21 @@
 <!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>
+<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>
+       <title>Tizen UI - Tabbar</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">
index b2ff20b..bfe4890 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
index 0094448..04a6d70 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
index ab3b3dd..b702c0c 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
@@ -26,8 +33,8 @@
        <div data-role="content">
        </div>
 
-       <div data-role="footer">
-       </div>
+       <div data-role="footer"></div>
+       <link rel="stylesheet" href="tabbar.css" />
 </div>
 
 </body>
index ee40060..8118d1d 100644 (file)
@@ -1,14 +1,21 @@
 <!DOCTYPE html>
 <html>
-       <head>
-       <meta charset="utf-8">
-       <meta name="viewport" content="width=device-width, initial-scale=1">
-       <link rel="stylesheet"  href="themes/default/" />
-       <script src="js/jquery.js"></script>
-       <script src="js/"></script>
-       <script src="theme.js"></script>
-               <script src="js/jquery.mobile.forms.button.extension.js"></script>
-       </head>
+<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>
+       <title>Tizen UI - Tabbar</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" data-add-back-btn="true">
index b34bf84..3b58796 100644 (file)
@@ -11,8 +11,6 @@
                </script>
                <script src="../../main.js"></script>
                <script src="tokentextarea-demo.js"></script>
-               <link rel="stylesheet" href="../../custom.css" />
-
                <title>Tizen UI - Tokentextarea</title>
 
                <!-- for compatibility test -->