demos/tizen-winsets/widgets/pagecontrol/pagecontrol.html

   1 <div data-role="page" id="pagecontrol" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header">
   3                 <h1>Pagecontrol (page indicator)</h1>
   4         </div>
   5         <div class="content" data-role="content">
   6                 <div id="p10" data-role="pagecontrol" data-max="10" data-value="10"></div>
   7                 <div id="p9" data-role="pagecontrol" data-max="9" data-value="9"></div>
   8                 <div id="p8" data-role="pagecontrol" data-max="8" data-value="8"></div>
   9                 <div id="p7" data-role="pagecontrol" data-max="7" data-value="7"></div>
  10                 <div id="p6" data-role="pagecontrol" data-max="6" data-value="6"></div>
  11                 <div id="p5" data-role="pagecontrol" data-max="5" data-value="5"></div>
  12                 <div id="p4" data-role="pagecontrol" data-max="4" data-value="4"></div>
  13                 <div id="p3" data-role="pagecontrol" data-max="3" data-value="3"></div>
  14                 <div id="p2" data-role="pagecontrol" data-max="2" data-value="2"></div>
  15                 <div id="p1" data-role="pagecontrol" data-max="1"></div>
  16
  17                 <div id="txt">here</div>
  18                 <a href="#" id="pagecontrol_btn_randomset" data-role="button" data-inline="true">Set each values randomly</a>
  19         </div>
  20 </div>