Move css files from index to proper subpages

[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / pagelayout / backbutton / backbutton-normal.html
diff --git a/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html b/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html

old mode 100755 (executable)

new mode 100644 (file)

index 9ae2750..accda6e
--- a/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
+++ b/demos/tizen-winsets/widgets/pagelayout/backbutton/backbutton-normal.html
@@ -1,12 +1,27 @@
  <!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>
+               <title>Tizen UI - Back button control</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">
-               <h1>Normal footer with back button</h1>
+               <h1>Back button demo</h1>
+               <span class="ui-title-text-sub">Normal footer with back button</span>
         </div>
  
         <div data-role="content">
@@ -14,7 +29,7 @@
                 Web Developer declare back btn option and make footer <br>
                 back button displayed right bottom side of footer</p><br>
                 <div>
-                       <p style="width:100%; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
+                       <p style="margin-right:0.5em; padding:1em; background-color:whitesmoke; color:black; border-width:3px; border-style:inset">
                         &lt;div data-role="page" data-add-Back-Btn="true"&gt; <br>
                         &nbsp&nbsp&nbsp&nbsp&lt;div data-role="header" data-position="fixed"&gt; <br>
                         &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&lt;h1&gt;back button sample&lt;/h1&gt; <br>