<li data-role="list-divider">Controls</li>
<li><a href="widgets/button/button.html">Button</a></li>
<li><a href="widgets/checkbox/checkbox.html">Check</a></li>
- <li><a href="widgets/switch/switch.html">Switch</a></li>
+ <li><a href="widgets/switch/toggleswitch.html">ToggleSwitch</a></li>
<li><a href="widgets/radio/radio.html">Radio</a></li>
- <li><a href="widgets/searchbar.html">Searchbar</a></li>
+ <li><a href="widgets/searchbar/searchbar.html">Searchbar</a></li>
<li><a href="widgets/entry.html">Entry</a></li>
<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/imageslider.html">ImageSlider</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/day-selector.html" >Day Selector</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="widgets/pagecontrol/pagecontrol.html">PageControl</a></li>
- <li><a href="#multibuttonentry">Multi-Button Entry</a></li>
+ <li><a href="#tokentextarea">Token Text Area</a></li>
<li data-role="list-divider">PageLayout</li>
<li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
<li data-role="list-divider">List</li>
<li><a href="widgets/list/list.html">List</a></li>
- <li><a href="widgets/auto-dividers.html">Auto-Dividers</a></li>
- <li><a href="widgets/fast-scroll.html">Short cut scroll (aka fast-scroll)</a></li>
+ <li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
+ <li><a href="widgets/fastscroll.html">Fastscroll</a></li>
<li data-role="list-divider">Additional Popup</li>
<li><a href="widgets/popupwindow/popup.html">Popup</a></li>
<li><a href="widgets/ctxpopup.html">CxtPopup</a></li>
- <li><a href="#option-header-demo">Optional Header</a></li>
<li data-role="list-divider">Notification (ticker)</li>
<li><a href="widgets/tickernoti.html">TickerNoti</a></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">No Contents</li>
- <li><a href="#no-contents-0">No Contents - Text</a></li>
- <li><a href="#no-contents-1">No Contents - Picture</a></li>
- <li><a href="#no-contents-2">No Contents - Multimedia</a></li>
- <li><a href="#no-contents-3">No Contents - Unnamed</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-auto.html">Virtual Grid - Auto</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>
<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/list-sample/expandable.html">Example for using expandable list</a></li>
<li><a href="tips/page-transition/transition.html">Page transitions</a></li>
</div><!-- /content -->
</div> <!-- /page -->
- <div data-role="page" id="option-header-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Optional Header</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-icon="1line-textonly">
- <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>
- </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>
- <a id="opt_text" data-icon="optiontray"></a>
- <a id="1234">TestBtn</a>
-
- <div id="myoptionheader1" data-role="optionheader" data-for="opt_text">
- <div class="ui-grid-a ">
- <div class="ui-block-a"><a data-role="button">Save</a></div>
- <div class="ui-block-b"><a data-role="button">Next</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="optionheader1line3btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 3 buttons</h1>
- <div id="myoptionheader2" data-role="optionheader">
- <div class="ui-grid-b ">
- <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>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="optionheader1line4btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 4 buttons</h1>
- <div id="myoptionheader3" 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>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
-
- <!-- Mixed Style -->
-
- <div data-role="page" id="Mixed" >
+ <div data-role="page" id="tokentextarea">
<div data-role="header" data-position="fixed">
- <h1>Mixed Toolbar</h1>
+ <h1>Token Text Area</h1>
</div>
<div data-role="content">
- <p>Not Supported for winset</p>
- </div>
- </div>
- <!-- Mixed Style -->
-
-
- <div data-role="page" id="multibuttonentry">
- <div data-role="header" data-position="fixed">
- <h1>Multi-button Entry</h1>
- </div>
- <div data-role="content">
- <div data-role="multibuttonentry" data-list-id="#addressbook"></div>
+ <div data-role="tokentextarea" data-link="#addressbook"></div>
<br>
<ul data-role="listview">
<li><a id='MBTaddItemTest'>Append Item</a></li>
<div data-role="content" id="contentList">
<ul data-role="listview">
<li data-role="list-divider">A</li>
- <li><a href="#multibuttonentry">Adam Kinkaid</a></li>
- <li><a href="#multibuttonentry">Alex Wickerham</a></li>
- <li><a href="#multibuttonentry">Avery Johnson</a></li>
+ <li><a href="#tokentextarea">Adam Kinkaid</a></li>
+ <li><a href="#tokentextarea">Alex Wickerham</a></li>
+ <li><a href="#tokentextarea">Avery Johnson</a></li>
<li data-role="list-divider">B</li>
- <li><a href="#multibuttonentry">Bob Cabot</a></li>
+ <li><a href="#tokentextarea">Bob Cabot</a></li>
<li data-role="list-divider">C</li>
- <li><a href="#multibuttonentry">Caleb Booth</a></li>
- <li><a href="#multibuttonentry">Christopher Adams</a></li>
- <li><a href="#multibuttonentry">Culver James</a></li>
+ <li><a href="#tokentextarea">Caleb Booth</a></li>
+ <li><a href="#tokentextarea">Christopher Adams</a></li>
+ <li><a href="#tokentextarea">Culver James</a></li>
<li data-role="list-divider">D</li>
- <li><a href="#multibuttonentry">David Walsh</a></li>
- <li><a href="#multibuttonentry">Drake Alfred</a></li>
+ <li><a href="#tokentextarea">David Walsh</a></li>
+ <li><a href="#tokentextarea">Drake Alfred</a></li>
<li data-role="list-divider">E</li>
- <li><a href="#multibuttonentry">Elizabeth Bacon</a></li>
- <li><a href="#multibuttonentry">Emery Parker</a></li>
- <li><a href="#multibuttonentry">Enid Voldon</a></li>
+ <li><a href="#tokentextarea">Elizabeth Bacon</a></li>
+ <li><a href="#tokentextarea">Emery Parker</a></li>
+ <li><a href="#tokentextarea">Enid Voldon</a></li>
<li data-role="list-divider">F</li>
- <li><a href="#multibuttonentry">Francis Wall</a></li>
+ <li><a href="#tokentextarea">Francis Wall</a></li>
<li data-role="list-divider">G</li>
- <li><a href="#multibuttonentry">Graham Smith</a></li>
- <li><a href="#multibuttonentry">Greta Peete</a></li>
+ <li><a href="#tokentextarea">Graham Smith</a></li>
+ <li><a href="#tokentextarea">Greta Peete</a></li>
<li data-role="list-divider">H</li>
- <li><a href="#multibuttonentry">Harvey Walls</a></li>
+ <li><a href="#tokentextarea">Harvey Walls</a></li>
<li data-role="list-divider">M</li>
- <li><a href="#multibuttonentry">Mike Farnsworth</a></li>
- <li><a href="#multibuttonentry">Murray Vanderbuilt</a></li>
+ <li><a href="#tokentextarea">Mike Farnsworth</a></li>
+ <li><a href="#tokentextarea">Murray Vanderbuilt</a></li>
<li data-role="list-divider">N</li>
- <li><a href="#multibuttonentry">Nathan Williams</a></li>
+ <li><a href="#tokentextarea">Nathan Williams</a></li>
<li data-role="list-divider">P</li>
- <li><a href="#multibuttonentry">Paul Baker</a></li>
- <li><a href="#multibuttonentry">Pete Mason</a></li>
+ <li><a href="#tokentextarea">Paul Baker</a></li>
+ <li><a href="#tokentextarea">Pete Mason</a></li>
<li data-role="list-divider">R</li>
- <li><a href="#multibuttonentry">Rod Tarker</a></li>
+ <li><a href="#tokentextarea">Rod Tarker</a></li>
<li data-role="list-divider">S</li>
- <li><a href="#multibuttonentry">Sawyer Wakefield</a></li>
+ <li><a href="#tokentextarea">Sawyer Wakefield</a></li>
</ul>
</div> <!--/content -->
<div data-role="footer">
<div align="right">
- <a href="#multibuttonentry" data-role="button" style="margin-right : 1em;">Cancel</a>
+ <a href="#tokentextarea" data-role="button" style="margin-right : 1em;">Cancel</a>
</div>
</div>
</div> <!--/page -->
- <!-- nocontents -->
- <div data-role="page" id="no-contents-0" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents0" data-type="text">
- <p>Text Type</p>
- <p>Text</p>
- </div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-1" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents1" data-type="picture">
- <p>Picture Type</p>
- <p>Text</p>
- </div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-2" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents2" data-type="multimedia">
- <p>Multimedia Type</p>
- <p>Text</p>
- </div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-3" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents3">
- <p>Unnamed Type</p>
- </div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
-
<script src="widgets/checkbox/checkbox.js"></script>
- <script src="widgets/switch/switch.js"></script>
<script src="widgets/radio/radio.js"></script>
<script src="widgets/progressbar.js"></script>
<script src="widgets/ctxpopup.js"></script>
<script src="tips/generate-elements-dynamically.js"></script>
<script src="tips/two-line-text/two-line-text.js"></script>
<script src="tips/list-sample/list-sample.js"></script>
- <script src="tips/list-sample/expandable.js"></script>
- <script src="widgets/pagecontrol/pagecontrol-demo.js"></script>
- <script src="widgets/multibuttonentry-demo.js"></script>
+ <script src="widgets/tokentextarea-demo.js"></script>
<script src="widgets/pagelayout/barcontrol.js"></script>
<script src="widgets/pagelayout/backbutton-control.js"></script>
+ <script src="widgets/list/list-edit.js"></script>
<!-- test file for content div control, not completed yet -->
<script src="widgets/pagelayout/ctrl-test.js"></script>
+
</body>
</html>