<div data-role="content">
<ul data-role="listview">
<li data-role="list-divider">WIDGETS</li>
- <li><a href="widgets/pagelayout/backbutton-control.html">Back button control</a></li>
<li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
<li><a href="widgets/button/button.html">Button</a></li>
<li><a href="widgets/checkbox/checkbox.html">Checkbox</a></li>
<li><a href="tips/pinch-event/pinch.html">Pinch Event</a></li>
<li><a href="tips/localeinfo.html">Locale Information</a></li>
<li><a href="widgets/tabbar/tabbar_persist.html">Tabbar - Persist</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><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/scrollview_x.html">Scroll view - Horizontal</a></li>
<body>
<div data-role="page" id="checkbox-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>cHECKBOX</h1>
+ <h1>CHECKBOX</h1>
</div>
<div data-role="content">
<div class="content-primary">
--- /dev/null
+<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>
+ </div>
+ <div data-role="content" data-scroll="none">
+ <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
+ <div class="ui-demo-rotation-namecard ${ID}">
+ <div class="ui-demo-namecard-pic">
+ <img class="ui-demo-namecard-pic-img" src="${TEAM_LOGO}" />
+ </div>
+ <div class="ui-demo-namecard-contents">
+ <span class="name ui-li-text-main">${NAME}</span>
+ </div>
+ </div>
+ </script>
+ <div id="virtualgrid-demo" data-role="virtualgrid" data-rotation="false" data-template="tizen-demo-namecard">
+ </div>
+ </div>
+ <div data-role="footer">
+ </div>
+ <link rel="stylesheet" href="namecard.css" />
+ <script type="text/javascript" src="virtualgrid.js"></script>
+</div>
<div id="normal" data-role="header" data-position="fixed">
<h1>VIRTUAL GRID</h1>
</div>
- <div data-role="content" data-scroll="none">
- <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
- <div class="ui-demo-rotation-namecard ${ID}">
- <div class="ui-demo-namecard-pic">
- <img class="ui-demo-namecard-pic-img" src="${TEAM_LOGO}" />
- </div>
- <div class="ui-demo-namecard-contents">
- <span class="name ui-li-text-main">${NAME}</span>
- </div>
- </div>
- </script>
- <div id="virtualgrid-demo" data-role="virtualgrid" data-rotation="false" data-template="tizen-demo-namecard">
- </div>
+ <div data-role="content">
+ <ul data-role="listview">
+ <li><a href="virtualgrid-normal.html">Virtual grid - Normal</a></li>
+ <li><a href="virtualgrid-rotation.html">Virtual grid - Rotation</a></li>
+ <li><a href="virtualgrid-list.html">Virtual grid - List</a></li>
+ <li><a href="virtualgrid-x.html">Virtual grid - X</a></li>
+ <li><a href="virtualgrid-size.html">Virtual grid - Size</a></li>
+ </ul>
</div>
<div data-role="footer">
</div>
- <link rel="stylesheet" href="namecard.css" />
- <script type="text/javascript" src="virtualgrid.js"></script>
</div>
-<!DOCTYPE html>
-<html>
- <head></head>
- <body>
- <div data-role="page" id="list" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>List divider</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <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>
- </ul>
- </div>
- <div data-role="footer">
- </div>
- </div>
- </div>
- </body>
-</html>
+<!DOCTYPE html>\r
+<html>\r
+ <head></head>\r
+ <body>\r
+ <div data-role="page" id="list" data-add-back-btn="true">\r
+ <div data-role="header" data-position="fixed">\r
+ <h1>List divider</h1>\r
+ </div>\r
+ <div data-role="content">\r
+ <ul data-role="listview">\r
+ <li data-role="list-divider">Divider style</li>\r
+ <li><a href="list-divider_normal.html">Normal divider</a></li>\r
+ <li><a href="list-divider_groupped.html">Groupped divider</a></li>\r
+ <li><a href="list-divider_check.html">Check divider</a></li>\r
+ </ul>\r
+ </div>\r
+ <div data-role="footer">\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </body>\r
+</html>\r
-<!DOCTYPE html>
-<html>
- <head></head>
- <body>
- <div data-role="page" id="list" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual list</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <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>
- <li><a href="virtuallist-normal_3_2_7.html">Virtual List Normal Style 2line-star1</a></li>
- </ul>
- </div>
- <div data-role="footer">
- </div>
- </div>
- </div>
- </body>
-</html>
+<!DOCTYPE html>\r
+<html>\r
+ <head></head>\r
+ <body>\r
+ <div data-role="page" id="list" data-add-back-btn="true">\r
+ <div data-role="header" data-position="fixed">\r
+ <h1>Virtual list</h1>\r
+ </div>\r
+ <div data-role="content">\r
+ <ul data-role="listview">\r
+ <li data-role="list-divider">Virtual List</li>\r
+ <li><a href="virtuallist-normal.html">Virtual List Normal Style 1line</a></li>\r
+ <li><a href="virtuallist-normal_3_1_4.html">Virtual List Normal Style 1line-btn1</a></li>\r
+ <li><a href="virtuallist-normal_3_1_14.html">Virtual List Normal Style 1line-bigicon5</a></li>\r
+ <li><a href="virtuallist-normal_3_2_7.html">Virtual List Normal Style 2line-star1</a></li>\r
+ </ul>\r
+ </div>\r
+ <div data-role="footer">\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </body>\r
+</html>\r