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

   1 <div data-role="page" id="switch-demo">
   2         <div data-role="header">
   3                 <h1>ToggleSwitch</h1>
   4         </div>
   5         <div class="content" data-role="content">
   6                 <select name="flip-11" id="flip-11" data-role="slider">
   7                         <option value="off"></option>
   8                         <option value="on"></option>
   9                 </select>
  10                 <br><br>
  11
  12                 <label for="flip-1">Tizen switch:</label>
  13                 <select name="flip-1" id="flip-1" data-role="slider">
  14                         <option value="off"></option>
  15                         <option value="on"></option>
  16                 </select>
  17
  18                 <br><br>
  19
  20
  21
  22                 <label for="flip-2">Flip switch:</label>
  23                 <select name="flip-2" id="flip-2" data-role="slider">
  24                         <option value="offoffoffoffoffoffoffoffoffoffoffoff">OffOffOffOffOffOffOffOffOffOffOffOffOff</option>
  25                         <option value="on">On</option>
  26                 </select>
  27
  28                 <br><br>
  29
  30                 <div data-role="fieldcontain">
  31                 <label for="flip-3">Flip switch test:</label>
  32                         <select name="flip-3" id="flip-3" data-role="slider">
  33                                 <option value="nope">NopeNopeNopeNope</option>
  34                                 <option value="yep">YepYepYepYep</option>
  35                         </select>
  36                 </div>
  37
  38
  39         </div> <!-- /content -->
  40         <div data-role="footer">
  41                 <h4>Web UI Framework - Widgets gallery</h4>
  42         </div>
  43 </div> <!-- page -->