<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
<script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
data-framework-theme="tizen-white"
- data-framework-viewport-scale=false>
+ data-framework-viewport-width="device-width">
+
</script>
<script src="main.js"></script>
<link rel="stylesheet" href="custom.css" />
</head>
<body>
- <div data-role="page">
+ <div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>Tizen Web UI</h1>
</div>
<li><a href="widgets/datefield.html">Time picker</a></li>
<li><a href="widgets/progressbar.html">Progressbar</a></li>
<li><a href="#slider-demo">Slider</a></li>
- <li><a href="widgets/gallery.html">Gallery</a></li>
<li><a href="widgets/segmentctrl.html">Segment Control</a></li>
<li><a href="widgets/buttonGrouping.html">Group Control(new segment)</a></li>
- <li><a href="widgets/selectioninfo.html">SelectionInfo</a></li>
<li><a href="#tokentextarea">Token Text Area</a></li>
<li data-role="list-divider">PageLayout</li>
<li><a href="widgets/small-popup.html">Small Popup</a></li>
<li><a href="widgets/small-popup-interval.html">Small Popup Interval</a></li>
+ <li data-role="list-divider">Gallery</li>
+ <li><a href="widgets/gallery.html">Gallery</a></li>
+
<li data-role="list-divider">Grid view</li>
<li><a href="widgets/grid/virtualgrid.html">Virtual Grid</a></li>
<li><a href="widgets/grid/virtualgrid-rotation.html">Virtual Grid - Rotation</a></li>
<li><a href="widgets/grid/virtualgrid-list.html">Virtual Grid - List</a></li>
<li><a href="widgets/grid/virtualgrid-x.html">Virtual Grid - X</a></li>
<li><a href="widgets/grid/virtualgrid-size.html">Virtual Grid - Size</a></li>
+
<li data-role="list-divider">Multimedia view</li>
<li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
</div>
</div>
-<div data-role="page" id="tabbar_persist_a">
+<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>
<div data-role="content">
<p>page a</p>
</div>
+
+ <div data-role="footer">
+ </div>
</div>
-<div data-role="page" id="tabbar_persist_b">
+<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>
<div data-role="content">
<p>page b</p>
</div>
+
+ <div data-role="footer">
+ </div>
</div>
-<div data-role="page" id="tabbar_persist_c">
+<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>
<div data-role="content">
<p>page c</p>
</div>
+
+ <div data-role="footer">
+ </div>
</div>
- <div data-role="page" id="notImplemented">
+ <div data-role="page" id="notImplemented" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>Not Implemented</h1>
</div>
<div data-role="content">
<p> Not Implemented </p>
</div>
+ <div data-role="footer">
+ </div>
</div>
<div data-role="page" id="slider-demo" data-add-back-btn="true">
<li data-role="list-divider">Text Slider</li>
<li><input id="mySlider5" name="mySlider5" data-popup='false' type="range" name="slider" value="50" min="0" max="99" data-icon='text' data-text-left='0' data-text-right='99'/></li>
<li><input id="mySlider5" name="mySlider5" data-popup='false' type="range" name="slider" value="5" min="0" max="10" data-icon='text' data-text-left='Min' data-text-right='Max'/></li>
+ <li data-role="list-divider">data-highlight="false"</li>
+ <li><input id="mySlider" name="mySlider" data-popup='false' type="range" name="slider" value="5" min="0" max="10" data-highlight="false" /></li>
</ul>
</div><!-- /content -->
+ <div data-role="footer">
+ </div>
</div> <!-- /page -->
- <div data-role="page" id="tokentextarea">
+ <div data-role="page" id="tokentextarea" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>Token Text Area</h1>
</div>
<li><a id='MBTremoveAllItemTest'>Remove All Item</a></li>
</ul>
</div>
+ <div data-role="footer">
+ </div>
</div>
- <div data-role="page" id="addressbook" data-add-back-btn="none">
+ <div data-role="page" id="addressbook" data-add-back-btn="false">
<div data-role="header" data-position="fixed">
<h1>Address Book</h1>
</div>
<script src="widgets/list/list-edit.js"></script>
<link rel="stylesheet" href="./widgets/tabbar/tabbar.css" />
+ <link rel="stylesheet" href="./widgets/switch/toggleswitch.css" />
</body>
</html>
}\r
\r
.ui-tokentextarea-input {\r
- display : inline-block;\r
+ display : inline-block !important;\r
outline : none;\r
position : relative;\r
border : 0 !important;\r
\r
div.ui-tokentextarea-block {\r
background-color : @color_tokentextarea_block_bg;\r
- background-image: url(./images/00_contacts_button_header.png);\r
- background-size: contain;\r
- background-repeat: no-repeat;\r
+ background-image : url(./images/00_contacts_button_header.png);\r
+ background-size : contain;\r
+ background-repeat : no-repeat;\r
padding-left : .7em;\r
}\r
\r
div.ui-tokentextarea-sblock {\r
- background : @color_tokentextarea_press_bg;\r
+ background-color : @color_tokentextarea_press_bg;\r
+ background-image : url(./images/00_contacts_button_header_press.png);\r
+ background-size : contain;\r
+ background-repeat : no-repeat;\r
padding-left : .7em;\r
}\r
\r