<li><a href="widgets/pagecontrol/pagecontrol.html">PageControl</a></li>
<li><a href="widgets/selectioninfo.html">SelectionInfo</a></li>
<li><a href="widgets/handler.html">Handler</a></li>
+ <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
<li><a href="#multibuttonentry">Multi-Button Entry</a></li>
<li data-role="list-divider">ControlBar</li>
<li><a href="#controlbar-demo">ControlBar</a></li>
<li><a href="widgets/grid/virtualgrid-auto.html">Virtual Grid - Auto</a></li>
<li data-role="list-divider">Multimedia view</li>
<li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
- <li data-role="list-divider">Map view</li>
-
<li data-role="list-divider">PageLayout</li>
<li><a href="widgets/pagelayout/barcontrol.html">Header/Footer(fixed/non-fixed) Control</a></li>
<li><a href="widgets/pagelayout/backbutton-control.html">Back Button Control</a></li>
<li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
<li><a href="tips/list-sample/expandable.html">Example for using expandable list</a></li>
<li><a href="tips/page-transition/transition.html">Page transitions</a></li>
+
+
+
</ul>
</div>
</div>
<li><a href="#optionheader1line2btn">1 line 2 buttons</a></li>
<li><a href="#optionheader1line3btn">1 line 3 buttons</a></li>
<li><a href="#optionheader1line4btn">1 line 4 buttons</a></li>
- <li><a href="#optionheader2line4btn">2 line 4 buttons</a></li>
</ul>
</div>
</div>
<div data-role="page" id="optionheader1line2btn" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
+
+ <h1>Option header</h1>
<a id="123">TestBtn</a>
- <h1>Option header - 2 buttons</h1>
<a id="opt_text" data-icon="optiontray"></a>
<a id="1234">TestBtn</a>
</div>
</div>
- <div data-role="page" id="optionheader2line4btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 4 buttons</h1>
- <div id="myoptionheader" data-role="optionheader">
- <div class="ui-grid-c ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- <div class="ui-block-d"><a data-role="button">Next</a></div>
- <div class="ui-block-a"><a data-role="button">Left</a></div>
- <div class="ui-block-b"><a data-role="button">1st Middle</a></div>
- <div class="ui-block-c"><a data-role="button">2nd Middle</a></div>
- <div class="ui-block-d"><a data-role="button">Right</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
<div data-role="page" id="controlbar-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>ControlBar</h1>
<div data-role="page" id="normal1btn">
<div data-role="header" data-position="fixed">
<h1>Normal Title - 1Btn</h1>
- <a>default</a>
+ <a>text1</a>
</div>
<div data-role="content">
<ul data-role="listview">
<div data-role="page" id="normal2btn">
<div data-role="header" data-position="fixed">
<h1>Normal Title - 2Btn</h1>
- <a>default1</a>
- <a>default2</a>
+ <a>text1</a>
+ <a>text2</a>
</div>
<div data-role="content">
<ul data-role="listview">
<div data-role="page" id="normal2btnicononly">
<div data-role="header" data-position="fixed">
- <h1>Normal Title+2Buttons Icon only - Not Implemented Yet</h1>
+ <h1>Normal Title+2Buttons Icon only</h1>
<a data-icon="plus"></a>
<a data-icon="minus"></a>
</div>
<div data-role="page" id="normal3btn" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <a>default1</a>
<h1>Normal Title - 3Btn</h1>
- <a>default2</a>
- <a>default3</a>
+ <a>text1</a>
+ <a>text2</a>
+ <a>text3</a>
</div>
<div data-role="content">
<ul data-role="listview">
<div data-role="header" data-position="fixed">
<img src="icon-tizen.png"/>
<h1>Icon Title</h1>
- <a>default</a>
+ <a>text1</a>
</div>
<div data-role="content">
<ul data-role="listview">
<h1>Multi-button Entry</h1>
</div>
<div data-role="content">
- <div data-role="multibuttonentry" data-listuri="addressbook"></div>
+ <div data-role="multibuttonentry" data-list-id="#addressbook"></div>
<br>
<ul data-role="listview">
<li><a id='MBTaddItemTest'>Append Item</a></li>