</div>
<div data-role="content">
<ul data-role="listview">
- <li data-role="list-divider">Controls</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/checkbox/checkbox.html">Check</a></li>
- <li><a href="widgets/switch/toggleswitch.html">Flip Toggle Switch</a></li>
- <li><a href="widgets/radio/radio.html">Radio</a></li>
- <li><a href="widgets/searchbar/searchbar.html">Searchbar</a></li>
+ <li><a href="widgets/buttonGrouping.html">Button group control(new segment)</a></li>
+ <li><a href="widgets/checkbox/checkbox.html">Checkbox</a></li>
+ <li><a href="widgets/ctxpopup.html">Context popup</a></li>
+ <li><a href="widgets/datefield.html">Date picker,Time picker,and Date time picker</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="widgets/slider/slider.html">Slider</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/tokentextarea/tokentextarea.html" data-ajax="false">Token Text Area</a></li>
- <li><a href="widgets/splitview.html">Splitview</a></li>
- <li data-role="list-divider">Page Layout</li>
- <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></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 data-role="list-divider">Tabbar</li>
- <li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
- <li><a href="widgets/tabbar/tabbar_persist.html" data-ajax="false">Persist toolbar</a></li>
-
- <li data-role="list-divider">Scrollview</li>
- <li><a href="widgets/scrollview_x.html">Horizontal Scroll</a></li>
- <li><a href="widgets/scrollview_y.html">Vertical Scroll</a></li>
- <li><a href="widgets/scrollview_xy.html">XY Scroll</a></li>
+ <li><a href="widgets/fastscroll.html">Fast scroll</a></li>
+ <li><a href="widgets/switch/toggleswitch.html">Flip toggle switch</a></li>
+ <li><a href="widgets/gallery.html">Gallery</a></li>
<li><a href="widgets/handler.html">Handler</a></li>
- <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
-
- <li data-role="list-divider">List</li>
+ <li><a href="widgets/pagelayout/barcontrol.html">Header and footer</a></li>
<li><a href="widgets/list/list.html">List</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">Popup</li>
- <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
- <li><a href="widgets/ctxpopup.html">Context Popup</a></li>
-
- <li data-role="list-divider">Notification</li>
- <li><a href="widgets/tickernoti.html">TickerNoti</a></li>
- <li><a href="widgets/tickernoti-interval.html">TickerNoti Interval</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">Gallery</li>
- <li><a href="widgets/gallery.html">Gallery</a></li>
-
- <li data-role="list-divider">Virtual Grid</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/list/lists-autodividers.html">List divider</a></li>
<li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
-
+ <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
+ <li><a href="widgets/tickernoti.html">Notification</a></li>
+ <li><a href="widgets/tickernoti-interval.html">Notification - Interval</a></li>
+ <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
+ <li><a href="widgets/progressbar.html">Progress bar</a></li>
+ <li><a href="widgets/radio/radio.html">Radio</a></li>
+ <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
+ <li><a href="widgets/scrollview_x.html">Scroll view - Horizontal</a></li>
+ <li><a href="widgets/scrollview_y.html">Scroll view - Vertical</a></li>
+ <li><a href="widgets/scrollview_xy.html">Scroll view - XY</a></li>
+ <li><a href="widgets/searchbar/searchbar.html">Search filter bar</a></li>
+ <li><a href="widgets/segmentctrl.html">Segment control</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><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/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><a href="tips/generate-elements-dynamically.html">Generate Elements by JS</a></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">Page transitions</a></li>
+ <li><a href="tips/page-transition/transition.html" data-ajax="false">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><a href="widgets/gallery3d/gallery3d.html">Gallery 3D</a></li>