Permalink
Browse files

Demos: Give each flipswitch a unique ID

Fixes gh-6956
  • Loading branch information...
gabrielschulhof committed Jan 17, 2014
1 parent 050ef35 commit 18a3cd63674da9b4b28602a50bdf893739bf878f
Showing with 8 additions and 8 deletions.
  1. +8 −8 demos/flipswitch/index.php
View
@@ -68,35 +68,35 @@
<div data-demo-html="true">
<form>
<label for="flip-checkbox">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox" id="flip-checkbox">
<label for="flip-checkbox-1">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-1" id="flip-checkbox-1">
</form>
</div><!-- /demo-html -->
<h2>Basic checkbox switch with custom labels</h2>
<div data-demo-html="true" data-demo-css="#custom-label-flipswitch">
<form>
<label for="flip-checkbox">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox" id="flip-checkbox" data-on-text="Light" data-off-text="Dark" data-wrapper-class="custom-label-flipswitch">
<label for="flip-checkbox-2">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-2" id="flip-checkbox-2" data-on-text="Light" data-off-text="Dark" data-wrapper-class="custom-label-flipswitch">
</form>
</div><!-- /demo-html -->
<h2>Basic checkbox switch with custom labels and custom size</h2>
<div data-demo-html="true" data-demo-css="#custom-size-flipswitch">
<form>
<label for="flip-checkbox">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox" id="flip-checkbox" data-on-text="Assured" data-off-text="Uncertain" data-wrapper-class="custom-size-flipswitch">
<label for="flip-checkbox-3">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-3" id="flip-checkbox-3" data-on-text="Assured" data-off-text="Uncertain" data-wrapper-class="custom-size-flipswitch">
</form>
</div><!-- /demo-html -->
<h2>Basic checkbox switch checked</h2>
<div data-demo-html="true">
<form>
<label for="flip-checkbox">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox" id="flip-checkbox" checked>
<label for="flip-checkbox-4">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-4" id="flip-checkbox-4" checked>
</form>
</div><!-- /demo-html -->

0 comments on commit 18a3cd6

Please sign in to comment.