<script src="main.js"></script>
<script src="webappInit.js"></script>
<script src="webappOrientation.js"></script>
- <title>Tizen UI</title>
+
+ <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" />
<body>
<div data-role="page" id="main" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tizen Web UI</h1>
+ <h1>TIZEN WEB UI</h1>
</div>
<div data-role="content">
<ul data-role="listview">
- <li data-role="list-divider">Widgets</li>
+ <li data-role="list-divider">WIDGETS</li>
<li><a href="widgets/pagelayout/backbutton-control.html">Back button control</a></li>
<li><a href="widgets/button/button.html">Button</a></li>
<li><a href="widgets/buttonGrouping.html">Button group control(new segment)</a></li>
<li><a href="widgets/slider/slider.html">Slider</a></li>
<li><a href="widgets/splitview.html">Split view</a></li>
<li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
- <li><a href="widgets/tabbar/tabbar_persist.html" data-ajax="false">Tabbar - Persist</a></li>
- <li><a href="widgets/tokentextarea/tokentextarea.html" data-ajax="false">Token text area</a></li>
+ <li><a href="widgets/tabbar/tabbar_persist.html">Tabbar - Persist</a></li>
+ <li><a href="widgets/tokentextarea/tokentextarea.html">Token text area</a></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">Programming Tips</li>
+ <li data-role="list-divider">PROGRAMMING TIPS</li>
<li><a href="tips/generate-elements-dynamically/generate-elements-dynamically.html">Generate Elements by JS</a></li>
<li><a href="tips/custom-globalize-culture/custom-globalize-culture.html">Using custom Globalize culture files</a></li>
<li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
<li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
- <li><a href="tips/page-transition/transition.html" data-ajax="false">Page transitions</a></li>
+ <li><a href="tips/page-transition/transition.html">Page transitions</a></li>
<li><a href="tips/pinch-event/pinch.html">Pinch Event</a></li>
<li><a href="tips/localeinfo.html">Locale Information</a></li>
<!-- START_PROPRIETARY -->
- <li data-role="list-divider">Experimental</li>
+ <li data-role="list-divider">EXPERIMENTAL</li>
<li><a href="widgets/gallery3d/gallery3d.html">Gallery 3D</a></li>
<!-- END_PROPRIETARY -->
</ul>
<body>
<div data-role="page" id="page-tips-custom-globalize-culture" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Custom globalize culture</h1>
+ <h1>CUSTOM GLOBALIZE CULTURE</h1>
</div>
<div data-role="content" >
<h1>Loading custom globalize culture file</h1>
<script src="custom-globalize-culture.js"></script>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
<body>
<div data-role="page" data-add-back-btn="true" id="dynamical-elements-demo">
<div data-role="header" data-position="fixed">
- <h1>Generate elements dynamically</h1>
+ <h1>GENERATE ELEMENTS DYNAMICALLY</h1>
</div><!-- /header -->
<script src="generate-elements-dynamically.js"></script>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
<body>
<div data-role="page" data-add-back-btn="true" id="list-sample">
<div data-role="header" data-position="fixed">
- <h1>Single-Page Application </h1>
+ <h1>SINGLE-PAGE APPLICATION </h1>
</div><!-- /header -->
<div data-role="content">
<body>
<div data-role="page" id="localepage" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Locale info.</h1>
+ <h1>LOCALE INFORMATION</h1>
</div>
<div data-role="content">
<body>
<div data-role="page" data-add-back-btn="true" id="transition-list">
<div data-role="header" data-position="fixed">
- <h1>Transitions</h1>
+ <h1>TRANSITIONS</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-icon="1line-textonly">
<body>
<div data-role="page" data-add-back-btn="true" id="pinch_page">
<div data-role="header" data-position="fixed">
- <h1>Pinch Event</h1>
+ <h1>PINCH EVENT</h1>
</div>
<div data-role="content">
<div data-role="gallery" data-vertical-align="middle" id="pinch_demo">
<script src="pinch.js"></script>
</div> <!-- /page -->
</body>
-</html>
\ No newline at end of file
+</html>
<body>
<div data-role="page" data-add-back-btn="true" id="twolinesample">
<div data-role="header" data-position="fixed">
- <h1>Two line text sample</h1>
+ <h1>TWO LINE TEXT SAMPLE</h1>
</div><!-- /header -->
<div data-role="content">
<script src="two-line-text.js"></script>
</div>
</body>
-</html>
\ No newline at end of file
+</html>
--- /dev/null
+<!DOCTYPE html>
+<div data-role="page" id="gallery-demo" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <h1>GALLERY</h1>
+ </div>
+ <div data-role="content" data-scroll="none">
+ <div data-role="gallery" id="gallery" data-vertical-align="middle">
+ </div>
+ </div> <!-- /content -->
+ <div data-role="footer"data-position ="fixed">
+ <div data-role="tabbar">
+ <ul>
+ <li id="gallery-add"><a href="#">Add</a></li>
+ <li id="gallery-del"><a href="#">Delete</a></li>
+ </ul>
+ </div><!-- /navbar -->
+ </div>
+</div> <!-- /page -->
<div data-role="page" id="ButtonDemo" data-add-back-btn="true" >
<div data-role="header" data-position="fixed">
- <h1>Buttons</h1>
+ <h1>BUTTONS</h1>
</div>
<div data-role="content">
<ul data-role = "listview">
- <li data-role="list-divider">Basic buttons</li>
+ <li data-role="list-divider">BASIC BUTTONS</li>
<li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
<li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="arrow-r">Call Icon</div></li>
<li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="arrow-r">Longer Call Icon</div></li>
<li class="ui-li-1line-btn1">List item 4<div data-role="button" data-inline="true" data-icon="call" data-iconpos="right">Icon Text</div></li>
<li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-style="circle">data-style, circle</div></li>
- <li data-role="list-divider">Only icon buttons for Tizen</li>
+ <li data-role="list-divider">ONLY ICON BUTTONS FOR TIZEN</li>
<li class="ui-li-1line-btn1">data-icon = "call" <div data-role="button" data-inline="true" data-icon="call"></div></li>
<li class="ui-li-1line-btn1">data-icon = "rename" <div data-role="button" data-inline="true" data-icon="rename"></div></li>
- <li data-role="list-divider">Only icon buttons for jQM style</li>
+ <li data-role="list-divider">ONLY ICON BUTTONS FOR JQM STYLE</li>
<li class="ui-li-1line-btn1">data-icon = "arrow-l" <div data-role="button" data-inline="true" data-icon="arrow-l"></div></li>
<li class="ui-li-1line-btn1">data-icon = "arrow-r" <div data-role="button" data-inline="true" data-icon="arrow-r"></div></li>
<li class="ui-li-1line-btn1">data-icon = "arrow-u" <div data-role="button" data-inline="true" data-icon="arrow-u"></div></li>
<li class="ui-li-1line-btn1">data-icon = "info" <div data-role="button" data-inline="true" data-icon="info"></div></li>
<li class="ui-li-1line-btn1">data-icon = "home" <div data-role="button" data-inline="true" data-icon="home"></div></li>
<li class="ui-li-1line-btn1">data-icon = "search" <div data-role="button" data-inline="true" data-icon="search"></div></li>
- <li data-role="list-divider">buttons with data-style </li>
+ <li data-role="list-divider">BUTTONS WITH DATA-STYLE </li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="plus" data-style="circle" class="ui-li-1line-btn2"></div></li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="minus" data-style="circle"></div></li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="forward" data-style="circle"></div></li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="star" data-style="box"></div></li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="scrolltop" data-style="box"></div></li>
<li class="ui-li-1line-btn2">List item<div data-role="button" data-inline="true" data-icon="scrollleft" data-style="box"></div></li>
- <li data-role="list-divider">Round Button Test</li>
+ <li data-role="list-divider">ROUND BUTTON TEST</li>
<li class="ui-li-has-multiline">
Data Corners
<span class="ui-li-text-sub">false,circle</span>
<span class="ui-li-text-sub">false,box</span>
<div data-role="button" data-inline="true" data-icon="call" data-corners="false" data-style="box" data-iconpos="right">Text</div>
</li>
- <li data-role="list-divider">custom buttons</li>
+ <li data-role="list-divider">CUSTOM BUTTONS</li>
<li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
</ul>
</div>
<div data-role="page" id="ButtonNolist" data-add-back-btn="true" >
<div data-role="header" data-position="fixed">
- <h1>Buttons</h1>
+ <h1>BUTTONS</h1>
</div>
<div data-role="content">
*Default Button
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Button grouping</h1>
+ <h1>BUTTON GROUPING</h1>
</div><!-- /header -->
<body>
<div data-role="page" id="checkbox-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Check</h1>
+ <h1>CHECK</h1>
</div>
<div data-role="content">
<div class="content-primary">
data-framework-viewport-width="device-width">
</script>
<script src="../main.js"></script>
- <title>Tizen UI - CtxPopup</title>
+ <title>CONTEXTUAL POPUP</title>
<!-- for compatibility test -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<body>
<div data-role="page" id="ctxpopup-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Contextual Popup</h1>
+ <h1>CONTEXTUAL POPUP</h1>
</div>
<div class="content" data-role="content">
<div>
<script src="ctxpopup.js"></script>
</div> <!-- /page -->
</body>
-</html>
\ No newline at end of file
+</html>
<body>
<div data-role="page" id="datetimepicker-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Date/time picker</h1>
+ <h1>DATE/TIME PICKER</h1>
</div>
<div data-role="content">
<ul data-role="listview">
}
</style>
<div data-role="header" >
- <h1>Entry</h1>
+ <h1>ENTRY</h1>
</div><!-- /header -->
<div data-role="content">
<div data-role="page" id="fastscroll-demo" data-add-back-btn="true" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Fastscroll</h1>
+ <h1>FASTSCROLL</h1>
</div><!-- header -->
<div class="content" data-role="content" data-scroll="y">
<body>
<div data-role="page" id="gallery-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Gallery</h1>
+ <h1>GALLERY</h1>
</div>
<div data-role="content" data-scroll="none">
<div data-role="gallery" id="gallery" data-vertical-align="middle">
<script src="gallery.js"></script>
</div> <!-- /page -->
</body>
-</html>
\ No newline at end of file
+</html>
<div id="virtualgrid_list_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
<div id="normal" data-role="header" data-position="fixed">
- <h1>Virtual Grid - List</h1>
+ <h1>VIRTUAL GRID - LIST</h1>
</div>
<div data-role="content" data-scroll="none">
<script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
<div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
<div id="normal" data-role="header" data-position="fixed">
- <h1>Virtual Grid - Rotation</h1>
+ <h1>VIRTUAL GRID - ROTATION</h1>
</div>
<div data-role="content" data-scroll="none">
<script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual Grid - Size</h1>
+ <h1>VIRTUAL GRID - SIZE</h1>
</div>
<div data-role="content" data-scroll="none">
<script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
<div id="virtualgrid_x_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
<div id="normal" data-role="header" data-position="fixed">
- <h1>Virtual Grid - X</h1>
+ <h1>VIRTUAL GRID - X</h1>
</div>
<div data-role="content" data-scroll="none">
<script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
<div id="normal" data-role="header" data-position="fixed">
- <h1>Virtual Grid</h1>
+ <h1>VIRTUAL GRID</h1>
</div>
<div data-role="content" data-scroll="none">
<script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Handler Test</h1>
+ <h1>HANDLER TEST</h1>
</div><!-- /header -->
<div data-role="content" data-scroll="y" data-handler="true">
<ul data-role="listview">
<div data-role="page" id="genlist-bubble" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>bubble list (message bubble)</h1>
+ <h1>BUBBLE LIST (MESSAGE BUBBLE)</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-style="bubble">
<div data-role="page" id="genlist-expandable" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Collapsible list (JQM)</h1>
+ <h1>COLLAPSIBLE LIST (JQM)</h1>
</div>
<div data-role="content">
<form>
<body>
<div data-role="page" id="genlist-dialog-edit" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Dialogue lists - edit mode</h1>
+ <h1>DIALOGUE LIST - EDIT MODE</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
- <li data-role="list-divider" data-style="dialogue">Contact sample</li>
+ <li data-role="list-divider" data-style="dialogue">CONTACT SAMPLE</li>
<li class="ui-li-dialogue ui-li-dialogue-edit">
<div class="ui-edit-title">Name </div>
<input placeholder="Input your name" />
<input placeholder="Input your city" />
</li>
- <li data-role="list-divider" data-style="dialogue">Contact sample ( Button )</li>
+ <li data-role="list-divider" data-style="dialogue">CONTACT SAMPLE ( BUTTON )</li>
<li class="ui-li-dialogue ui-li-dialogue-edit">
<div class="ui-edit-title">Name </div>
<input placeholder="Input your name" />
<div data-role="button" data-style="edit">Delete</div>
</li>
- <li data-role="list-divider" data-style="dialogue">Contact sample ( Disabled )</li>
+ <li data-role="list-divider" data-style="dialogue">CONTACT SAMPLE ( DISABLED )</li>
<li class="ui-li-dialogue ui-li-dialogue-edit">
<div class="ui-edit-title">Name </div>
<input value="Tizen" disabled />
<div data-role="page" id="genlist-dialog" data-add-back-btn="true" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Dialog lists</h1>
+ <h1>DIALOG LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
<ul data-role="listview">
- <li data-role="list-divider" data-style="dialogue">Dialogue</li>
+ <li data-role="list-divider" data-style="dialogue">DIALOGUE</li>
<li class="ui-li-dialogue">
1line
</li>
</select>
</li>
- <li data-role="list-divider" data-style="dialogue">Dialogue (with link)</li>
+ <li data-role="list-divider" data-style="dialogue">DIALOGUE (WITH LINK)</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>1line (with link)</a>
</li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Check Divider </h1>
+ <h1>CHECK DIVIDER </h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
- <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>Test</li>
+ <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>TEST</li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
- <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>Test divider</li>
+ <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>TEST DIVIDER</li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
- <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>Divider</li>
+ <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>DIVIDER</li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Normal Divider </h1>
+ <h1>NORMAL DIVIDER </h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Normal Divider </h1>
+ <h1>NORMAL DIVIDER </h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
- <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li data-role="list-divider" data-style="expandable">ITEM STYLES</li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
- <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li data-role="list-divider" data-style="expandable">ITEM STYLES</li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
- <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li data-role="list-divider" data-style="expandable">ITEM STYLES</li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
<li><a href="#" >Normal lists</a></li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Groupped Divider </h1>
+ <h1>GROUPPED DIVIDER </h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
- <li data-role="list-divider" data-style="dialogue">Item styles</li>
+ <li data-role="list-divider" data-style="dialogue">ITEM STYLES</li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
- <li data-role="list-divider" data-style="dialogue">Item styles</li>
+ <li data-role="list-divider" data-style="dialogue">ITEM STYLES</li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
<li class="ui-li-dialogue"><a href="#" >Normal lists</a></li>
- <li data-role="list-divider" data-style="dialogue">Item styles</li>
+ <li data-role="list-divider" data-style="dialogue">ITEM STYLES</li>
<li class="ui-li-dialogue">Normal lists</li>
<li class="ui-li-dialogue">Normal lists</li>
<li class="ui-li-dialogue">Normal lists</li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Normal Divider </h1>
+ <h1>NORMAL DIVIDER </h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
- <li data-role="list-divider">Item styles</li>
+ <li data-role="list-divider">ITEM STYLES</li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
- <li data-role="list-divider">Item styles</li>
+ <li data-role="list-divider">ITEM STYLES</li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
- <li data-role="list-divider">Item styles</li>
+ <li data-role="list-divider">ITEM STYLES</li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
<li><a href="#">Normal lists</a></li>
</script>
<div data-role="header" data-position="fixed">
- <h1>extendable list</h1>
+ <h1>EXTENDABLE LIST</h1>
</div>
<div data-role="content">
<ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line"></ul>
<div data-role="page" id="genlist-multiline" data-add-back-btn="true">
<div data-role="header">
- <h1>Multiline lists</h1>
+ <h1>MULTILINE LISTS</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li class="ui-li-3-4-1">
- <h1>3-4-1 Main item</h1>
+ <h1>3-4-1 MAIN ITEM</h1>
Hundres of charities, hobby clubs and professional associations in the suburbs and thousands in the state could be forced to pay taxes for the first time next year.
</li>
<li class="ui-li-3-4-5">
<div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Normal lists</h1>
+ <h1>NORMAL LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
<div data-role="page" id="genlist-normal" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Normal anchor lists</h1>
+ <h1>NORMAL ANCHOR LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
<div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Normal lists</h1>
+ <h1>NORMAL LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
<div data-role="page" id="genlist-radio" data-add-back-btn="footer">
<div data-role="header" data-position="fixed">
- <h1>Radio Button lists</h1>
+ <h1>RADIO BUTTON LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
</script>
<div data-role="header" data-position="fixed">
- <h1>Swipe lists</h1>
+ <h1>SWIPE LISTS</h1>
</div>
<div class="content" data-role="content">
<ul data-role="listview">
</div>
<div data-role="footer">
</div>
-</div>
\ No newline at end of file
+</div>
}
</script>
<div data-role="header" data-position="fixed">
- <h1>List vi</h1>
+ <h1>LIST VI</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<div data-role="button" onclick="add()" data-inline="true">Add</div>
</div>
<div data-role="footer">
</div>
-</div>
\ No newline at end of file
+</div>
<div data-role="page" id="list" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>List</h1>
+ <h1>LIST</h1>
</div>
<div data-role="content">
<ul data-role="listview">
- <li data-role="list-divider">Item styles</li>
+ <li data-role="list-divider">ITEM STYLES</li>
<li><a href="list-normal_anchor.html">Normal lists add anchor</a></li>
<li><a href="list-normal_no_anchor.html">Normal lists no anchor</a></li>
- <li data-role="list-divider">Divider style</li>
+ <li data-role="list-divider">DIVIDER STYLE</li>
<li><a href="list-divider_normal.html">Normal divider</a></li>
<li><a href="list-divider_groupped.html">Groupped divider</a></li>
<li><a href="list-divider_check.html">Check divider</a></li>
- <li data-role="list-divider">Etc...</li>
+ <li data-role="list-divider">ETC...</li>
<li><a href="list-bubble.html">bubble</a></li>
<li><a href="list-collapsible.html">collapsible list (jqm1.2)</a></li>
<li><a href="list-radio.html">Radio Button list</a></li>
<li><a href="list-swipe.html">Swipe list</a></li>
<li><a href="list-extendable.html">Extendable list</a></li>
<li><a href="list-vi.html">List vi</a></li>
- <li data-role="list-divider">Virtual List</li>
+ <li data-role="list-divider">VIRTUAL LIST</li>
<li><a href="virtuallist-normal.html">Virtual List Normal Style 1line</a></li>
<li><a href="virtuallist-normal_3_1_4.html">Virtual List Normal Style 1line-btn1</a></li>
<li><a href="virtuallist-normal_3_1_14.html">Virtual List Normal Style 1line-bigicon5</a></li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Autodividers</h1>
+ <h1>AUTODIVIDERS</h1>
</div><!-- /header -->
<div data-role="content">
<div data-role="page" id="virtuallist-normal_1line" class="virtuallist_demo_page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line</h1>
+ <h1>VIRTUAL LIST - NORMAL STYLE 1LINE</h1>
</div>
<style type="text/css">
#virtuallist-normal_1line_ul li .ui-li-text-main {
<div data-role="page" id="virtuallist-normal_1line-bigicon5" class="virtuallist_demo_page"
data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-bigicon5</h1>
+ <h1>VIRTUAL LIST - NORMAL STYLE 1LINE-BIGICON5</h1>
</div>
<style type="text/css">
#virtuallist-normal_1line-bigicon5_ul li .ui-li-text-main {
<div data-role="page" id="virtuallist-normal_1line-btn1" class="virtuallist_demo_page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-btn1</h1>
+ <h1>VIRTUAL LIST - NORMAL STYLE 1LINE-BTN1</h1>
</div>
<style type="text/css">
#virtuallist-normal_1line-btn1_ul li .ui-li-text-main {
<div data-role="page" id="virtuallist-normal_1line-toggle" class="virtuallist_demo_page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-toggle</h1>
+ <h1>VIRTUAL LIST - NORMAL STYLE 1LINE-TOGGLE</h1>
</div>
<div data-role="content">
<script id="tmp-1line-toggle" type="text/x-jquery-tmpl">
<div data-role="page" id="virtuallist-normal_2line-star1" class="virtuallist_demo_page"
data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 2line-star1</h1>
+ <h1>VIRTUAL LIST - NORMAL STYLE 2LINE-STAR1</h1>
</div>
<style type="text/css">
#virtuallist-normal_2line-star1_ul > li .ui-li-text-main {
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Multimedia view</h1>
+ <h1>MULTIMEDIA VIEW</h1>
</div>
<div data-role="content">
<ul data-role="listview">
});
</script>
<div data-role="header" data-position="fixed">
- <h1>Audio Test</h1>
+ <h1>AUDIO TEST</h1>
</div>
<div data-role="content">
<audio data-controls="true" style="width:100%;">
});
</script>
<div data-role="header" data-position="fixed">
- <h1>Video Test</h1>
+ <h1>VIDEO TEST</h1>
</div>
<div data-role="content">
<video data-controls="true" style="width:100%;">
<div data-role="page" id="NavigationbarMain" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Naviframe</h1>
+ <h1>NAVIFRAME</h1>
</div>
<div data-role="content">
<div class="content-primary">
<ul data-role="listview">
- <li data-role="list-divider">Simple Naviframe Header Style</li>
+ <li data-role="list-divider">SIMPLE NAVIFRAME HEADER STYLE</li>
<li><a href="naviframe_title_text.html">Title text</a></li>
<li><a href="naviframe_title_text_2_btn.html">Title text Button 2</a></li>
<li><a href="naviframe_title_text_1_btn.html">Title text Button 1</a></li>
<li><a href="naviframe_title_text_multiline.html">Title text Multiline</a></li>
<li><a href="naviframe_title_text_multiline_src.html">Image Title text Multiline</a></li>
<li><a href="naviframe_title_text_multiline_src_2_btn.html">Image Title text Multiline Button 02</a></li>
- <li data-role="list-divider">Simple Naviframe Footer Style</li>
+ <li data-role="list-divider">SIMPLE NAVIFRAME FOOTER STYLE</li>
<li><a href="naviframe_footer_more.html">Footer more</a></li>
<li><a href="naviframe_footer_more_button.html">Footer with button</a></li>
</ul>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Footer more</h1>
+ <h1>FOOTER MORE</h1>
</div>
<div data-role="content">
<p>Footer more sample</p>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Footer more</h1>
+ <h1>FOOTER MORE</h1>
</div>
<div data-role="content">
<p>Footer more sample</p>
</body>
-</html>
+
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Title Text</h1>
+ <h1>TITLE TEXT</h1>
</div>
<div data-role="content">
<p>title text sample</p>
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Title 1 Button</h1>
+ <h1>TITLE 1 BUTTON</h1>
<a data-icon="naviframe-plus"></a>
</div>
<div data-role="content">
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Title 2 Buttons </h1>
+ <h1>TITLE 2 BUTTONS </h1>
<a data-icon="naviframe-cancel"></a>
<a data-icon="naviframe-edit"></a>
</div>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Title Text multiline</h1>
+ <h1>TITLE TEXT MULTILINE</h1>
<span class="ui-title-text-sub">tizen@samsung.com</span>
</div>
<div data-role="content">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<img src="icon-tizen.png"/>
- <h1>Title demo</h1>
- <span class="ui-title-text-sub">Title image multiline</span>
+ <h1>TITLE DEMO</h1>
+ <span class="ui-title-text-sub">TITLE IMAGE MULTILINE</span>
</div>
<div data-role="content">
<p>Image Title text Multiline sample</p>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<img src="icon-tizen.png"/>
- <h1>Title demo</h1>
- <span class="ui-title-text-sub">Title image multiline 2 Buttons</span>
+ <h1>TITLE DEMO</h1>
+ <span class="ui-title-text-sub">TITLE IMAGE MULTILINE 2 BUTTONS</span>
<a data-icon="naviframe-edit"></a>
<a data-icon="naviframe-more"></a>
</div>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<img src="icon-tizen.png"/>
- <h1>Title image</h1>
+ <h1>TITLE IMAGE</h1>
</div>
<div data-role="content">
<p>Image Title text Multiline sample</p>
<div data-role="page" id="backButtonDemomain" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Back button control</h1>
- <span class="ui-title-text-sub">Footer and Backbutton demopage</span>
+ <h1>BACK BUTTON CONTROL</h1>
+ <span class="ui-title-text-sub">FOOTER AND BACKBUTTON DEMOPAGE</span>
</div>
<div data-role="content">
<ul data-role="listview" data-icon="1line-textonly">
<div data-role="page" data-add-back-btn="header">
<div data-role="header" data-position="fixed">
- <h1>Back button demo</h1>
- <span class="ui-title-text-sub">Back button to Header</span>
+ <h1>BACK BUTTON DEMO</h1>
+ <span class="ui-title-text-sub">BACK BUTTON TO HEADER</span>
</div>
<div data-role="content">
<div data-role="page" data-add-Back-Btn="true">
<div data-role="header" data-position="fixed">
- <h1>Back button demo</h1>
- <span class="ui-title-text-sub">Normal footer with back button</span>
+ <h1>BACK BUTTON DEMO</h1>
+ <span class="ui-title-text-sub">NORMAL FOOTER WITH BACK BUTTON</span>
</div>
<div data-role="content">
<div data-role="page" id="pageGenBackToFooter">
<div data-role="header" data-position="fixed" >
- <h1>Back button demo</h1>
- <span class="ui-title-text-sub">Back button to Footer</span>
+ <h1>BACK BUTTON DEMO</h1>
+ <span class="ui-title-text-sub">BACK BUTTON TO FOOTER</span>
</div>
<div data-role="content">
<div data-role="page" id="pageGenBackToHeader">
<div data-role="header" data-position="fixed" >
- <h1>Back button demo</h1>
- <span class="ui-title-text-sub">Back button to Header</span>
+ <h1>BACK BUTTON DEMO</h1>
+ <span class="ui-title-text-sub">BACK BUTTON TO HEADER</span>
</div>
<div data-role="content">
<div data-role="page">
<div data-role="header" data-position="fixed" >
- <h1>No back button</h1>
+ <h1>NO BACK BUTTON</h1>
</div>
<div data-role="content">
<div data-role="page">
<div data-role="header" data-position="fixed" >
- <h1>No footer page</h1>
+ <h1>NO FOOTER PAGE</h1>
</div>
<div data-role="content">
<div data-role="page" id="pageUpdateDemo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Update page </h1>
+ <h1>UPDATE PAGE </h1>
</div>
<div data-role="content">
<br>
<div data-role="page" id="popupwindow-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Popup window</h1>
+ <h1>POPUP WINDOW</h1>
</div>
<div class="content" data-role="content">
<ul data-role="listview" data-icon="1line-textonly">
- <li data-role="list-divider">App samples</li>
+ <li data-role="list-divider">APP SAMPLES</li>
<li><a href="#center_social_style1" data-inline="true" data-rel="popup" data-position-to="window">Social Magazine style1</a></li>
<li><a href="#center_social_style2" data-inline="true" data-rel="popup" data-position-to="window">Social Magazine style2</a></li>
- <li data-role="list-divider">Normal samples</li>
+ <li data-role="list-divider">NORMAL SAMPLES</li>
<li><a href="#center_info" data-inline="true" data-rel="popup" data-position-to="window">Center info popup</a></li>
<li><a href="#center_title" data-inline="true" data-rel="popup" data-position-to="window">Center title popup</a></li>
<li><a href="#center_basic_1btn" data-inline="true" data-rel="popup" data-position-to="window">Center basic 1 button popup</a></li>
<body>
<div data-role="page" id="progressbar-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Progress bar</h1>
+ <h1>PROGRESS BAR</h1>
</div>
<div data-role="content">
<ul data-role="listview">
- <li data-role="list-divider">Progress Bar</li>
+ <li data-role="list-divider">PROGRESS BAR</li>
<li>When you click progress bar, it starts updating values...</li>
<li id="progressbarTest" ><div data-role="progressbar" id="progressbar"></div></li>
- <li data-role="list-divider">Progress Pending</li>
+ <li data-role="list-divider">PROGESS PENDING</li>
<li id="pendingTest" ><div data-role="progress" data-style="pending" id="pending"></div></li>
- <li data-role="list-divider">Progress ~ing</li>
+ <li data-role="list-divider">PROGRESS ~ING</li>
<li id="progressingTest" >
<div data-role="progress" data-style="circle" id="progressing" style="right:10px"></div>
Loading..
<div id="radio-demo" data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Radio</h1>
+ <h1>RADIO</h1>
</div>
<script src="radio.js"></script>
</div> <!-- page -->
</body>
-</html>
\ No newline at end of file
+</html>
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Scroll Jump</h1>
+ <h1>SCROLL JUMP</h1>
</div>
<div data-role="content" data-scroll-jump="true">
<ul data-role="listview">
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Scrollview</h1>
+ <h1>SCROLLVIEW</h1>
</div>
<div data-role="content">
<p>Horizontal Scroll #1: inline block</p>
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Scrollview</h1>
+ <h1>SCROLLVIEW</h1>
</div>
<div data-role="content" data-scroll="none">
<p>XY Scroll</p>
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Scrollview</h1>
+ <h1>SCROLLVIEW</h1>
</div>
<div data-role="content">
<p>Vertical Scroll</p>
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position ="fixed" >
- <h1>Searchbar list</h1>
+ <h1>SEARCHBAR LIST</h1>
</div><!-- /header -->
<div data-role="content">
</div>
</div><!-- /page -->
</body>
-</html>
\ No newline at end of file
+</html>
<body>
<div data-role="page" data-add-back-btn="true" id="searchbar-demo-page-button">
<div data-role="header" data-position ="fixed" >
- <h1>Searchbar</h1>
+ <h1>SEARCHBAR</h1>
<input type="search" data-icon="call" name="search" id="searchbar-demo-page-button-search" value="" />
</div><!-- /header -->
<div data-role="content" id="searchbar-content">
<body>
<div data-role="page" data-add-back-btn="true" id="searchbar-demo-page-cancel">
<div data-role="header" data-position ="fixed" >
- <h1>Searchbar</h1>
+ <h1>SEARCHBAR</h1>
<input type="search" data-cancel-btn=true name="search" id="searchbar-demo-page-cancel-search" value="" />
</div><!-- /header -->
<body>
<div data-role="page" data-add-back-btn="true" id="searchbar-demo-page-normal">
<div data-role="header" data-position ="fixed" >
- <h1>Searchbar</h1>
+ <h1>SEARCHBAR</h1>
<input type="search" name="search" id="searchbar-demo-page-normal-search" value="" />
</div><!-- /header -->
<div data-role="content" id="searchbar-content">
<script src="searchbar.js"></script>
</div><!-- /page -->
</body>
-</html>
\ No newline at end of file
+</html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Segment Control</h1>
+ <h1>SEGMENT CONTROL</h1>
</div><!-- /header -->
<div data-role="content">
<body>
<div data-role="page" id="slider-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Slider</h1>
+ <h1>SLIDER</h1>
</div>
<div data-role="content">
<ul data-role="listview">
- <li data-role="list-divider">Normal Slider</li>
+ <li data-role="list-divider">NORMAL SLIDER</li>
<li><input id="mySlider1" name="mySlider1" data-popup='false' type="range" value="5" min="0" max="10" /></li>
- <li data-role="list-divider">Popup Slider</li>
+ <li data-role="list-divider">POPUP SLIDER</li>
<li><input id="mySlider2" name="mySlider2" type="range" value="50" min="0" max="100" /></li>
- <li data-role="list-divider">Icon Slider</li>
+ <li data-role="list-divider">ICON SLIDER</li>
<li><input id="mySlider3" name="mySlider3" data-popup='false' type="range" value="5" min="0" max="10" data-icon='bright'/></li>
<li><input id="mySlider4" name="mySlider4" data-popup='false' type="range" value="5" min="0" max="10" data-icon='volume'/></li>
- <li data-role="list-divider">Text Slider</li>
+ <li data-role="list-divider">TEXT SLIDER</li>
<li><input id="mySlider5" name="mySlider5" data-popup='false' type="range" value="50" min="0" max="99" data-icon='text' data-text-left='0' data-text-right='99'/></li>
<li><input id="mySlider6" name="mySlider6" data-popup='false' type="range" 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>
<p>Notification Demo</p>
</div>
<div data-role="header" data-position="fixed">
- <h1>Notification</h1>
+ <h1>NOTIFICATION</h1>
</div>
<div data-role="content">
<div data-role="button" id="noti-demo">Show Smallpopup</div>
<p>Notification Demo</p>
</div>
<div data-role="header" data-position="fixed">
- <h1>Notification</h1>
+ <h1>NOTIFICATION</h1>
</div>
<div data-role="content">
<div data-role="button" id="noti-demo">Show Smallpopup</div>
<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Splitview</h1>
+ <h1>SPLITVIEW</h1>
</div>
<div data-role="content">
<div data-role="splitview" data-divider-vertical="true" data-fixed="false" data-ratio="0.5, 0.5">
});
});
</script>
-</div>
\ No newline at end of file
+</div>
<div data-role="page" id="switch-demo" data-add-back-btn="true">
<div data-role="header">
- <h1>ToggleSwitch</h1>
+ <h1>TOGGLE SWITCH</h1>
</div>
<div class="content" data-role="content">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar Demo</h1>
+ <h1>TABBAR DEMO</h1>
</div>
<div data-role="content">
<div class="content-primary">
<ul data-role="listview">
- <li data-role="list-divider">Header</li>
+ <li data-role="list-divider">HEADER</li>
<li><a href="tabbar_text.html">Tab(text) only</a></li>
<li><a href="tabbar_icon_text.html">Tab(icon + text) only</a></li>
<li><a href="tabbar_icon.html">Tab(icon) only</a></li>
<li><a href="tabbar_title_icon.html">Title Tab(icon) only</a></li>
<li><a href="tabbar_scrolling.html">Scrolling interation</a></li>
- <li data-role="list-divider">Footer</li>
+ <li data-role="list-divider">FOOTER</li>
<li><a href="tabbar_footer_icon.html">Footer + Tab(icon)</a></li>
<li><a href="tabbar_footer.html">Footer + Tab(text)</a></li>
<li><a href="tabbar_footer_more.html">Footer + more + Tab(text)</a></li>
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar text with title</h1>
+ <h1>TABBAR TEXT WITH TITLE</h1>
</div>
<div data-role="content">
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar icon with title</h1>
+ <h1>TABBAR ICON WITH TITLE</h1>
</div>
<div data-role="content">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar text with title</h1>
+ <h1>TABBAR TEXT WITH TITLE</h1>
</div>
<div data-role="content">
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar text with title</h1>
+ <h1>TABBAR TEXT WITH TITLE</h1>
</div>
<div data-role="content">
<body>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar text with title</h1>
+ <h1>TABBAR TEXT WITH TITLE</h1>
</div>
<div data-role="content">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar Scroll</h1>
+ <h1>TABBAR SCROLL</h1>
<div style="white-space:nowrap;" data-scroll="x">
<div class="ui-scrollview-view" style="display:inline-block">
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar icon with title</h1>
+ <h1>TABBAR ICON WITH TITLE</h1>
<div data-role="tabbar">
<ul>
<li><a href="#" data-icon="tabedit" class="ui-btn-active"></a></li>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Tabbar text with title</h1>
+ <h1>TABBAR TEXT WITH TITLE</h1>
<div data-role="tabbar">
<ul>
<li><a href="#"class="ui-btn-active">Menu</a></li>
<p>Dennis</p>
</div>
<div data-role="header" data-position="fixed">
- <h1>Notification</h1>
+ <h1>NOTIFICATION</h1>
</div>
<div data-role="content">
<div data-role="button" id="noti-demo">Show TickerNoti</div>
<p>Jobs</p>
</div>
<div data-role="header" data-position="fixed">
- <h1>Notification</h1>
+ <h1>NOTIFICATION</h1>
</div>
<div data-role="content">
<div data-role="button" id="noti-demo">Show TickerNoti</div><br>
<body>
<div data-role="page" id="tokentextarea" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Token Text Area</h1>
+ <h1>TOKEN TEXT AREA</h1>
</div>
<div data-role="content">
<div data-role="tokentextarea" data-link="#addressbook"></div>
</div>
<div data-role="page" id="addressbook">
<div data-role="header" data-position="fixed">
- <h1>Address Book</h1>
+ <h1>ADDRESS BOOK</h1>
</div>
<div data-role="content" id="contentList">
<ul data-role="listview">