Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Commit

Permalink
Demos: Give each flipswitch a unique ID
Browse files Browse the repository at this point in the history 
Fixes gh-6956
  • Loading branch information
Gabriel Schulhof committed Jan 21, 2014
1 parent 050ef35 commit 18a3cd6
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions demos/flipswitch/index.php
View file
Expand Up @@ -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 -->

Expand Down

0 comments on commit 18a3cd6

Please sign in to comment.