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

   1 <div data-role="page" id="switch-demo">
   2         <div data-role="header">
   3                 <h1>Switch</h1>
   4         </div>
   5         <div class="content" data-role="content">
   6                 <p>Image switches:</p>
   7                 <div id="switch-1" data-role="toggleswitch" data-checked="false"></div>
   8                 <div id="switch-2" data-role="toggleswitch" data-checked="true"></div>
   9                 <br>
  10                 <p>Text switches (old UX):</p>
  11                 <div id="switch-2" data-style="text" data-role="toggleswitch"></div>
  12                 <br>
  13                 <p>Coordinated switches:</p>
  14                 <div id="switch-1-coord" data-role="toggleswitch"></div>
  15                 <br>
  16                 <div id="switch-2-coord" data-role="toggleswitch"></div>
  17         </div> <!-- /content -->
  18         <div data-role="footer">
  19                 <h4>Web UI Framework - Widgets gallery</h4>
  20         </div>
  21 </div> <!-- page -->