article:
Plugin: Handsontable approach to Excel - like table editor in HTML and jQuery
article:
Elements Design & Code: CSS3 Button Styles

Code: Twitter Bootstrap Extensions - Toggle Switches

Advertisement

Bootstrap Toggle is an extension to the Twitter Bootstrap framework

Example usage:

js:

<script>// Don't use .toggle, it will be global.
    $('.basic').toggle({
      onClick:function(event, status){},// Do something on status change if you want
      text:{
        enabled:false,// Change the enabled disabled text on the fly ie: 'ENABLED'
        disabled:false// and for 'DISABLED'},
      style:{
        enabled:'primary'// default button styles like btn-primary, btn-info, btn-warning just remove the btn- part.
        disabled:false// same goes for this, primary, info, warning, danger, success. }});</script>


html:

<divclass='toggle basic'data-enabled="ON"data-disabled="OFF"data-toggle="toggle"><inputtype="checkbox"value="1"name="myCheckbox"class="checkbox"checked="checked"/><labelclass="check"for="myCheckbox"></label></div>


Resource: Twitter Bootstrap Extensions - Toggle Switches



source
download
create by Nijiko Yonskai

Advertisement
Tags: bootstrap, js, css, html, design, develop, switch, toggle

Leave a Comment

No Comment

© Creative3x Ltd.