demos/tizen-winsets/widgets/grid/virtualgrid-rotation.html

   1 <div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
   2         <div id="normal" data-role="header" data-position="fixed">
   3                 <h1>VIRTUAL GRID - ROTATION</h1>
   4         </div>
   5         <div data-role="content" data-scroll="none">
   6                 <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
   7                         <div class="ui-demo-rotation-namecard">
   8                         <div class="ui-demo-namecard-pic">
   9                         <img class="ui-demo-namecard-pic-img" src="${TEAM_LOGO}"  />
  10                         </div>
  11                         <div class="ui-demo-namecard-contents">
  12                         <span class="name ui-li-text-main">${NAME}</span>
  13                         </div>
  14                         </div>
  15                 </script>
  16                 <div id="virtualgrid-demo" data-role="virtualgrid" data-rotation="true" data-template="tizen-demo-namecard">
  17                 </div>
  18         </div>
  19         <div data-role="footer">
  20         </div>
  21         <link rel="stylesheet" href="namecard.css" />
  22         <script type="text/javascript" src="virtualgrid.js"></script>
  23 </div>