module Sliding Toggle Fieldtype/Inputfield

[BitPoet]

As threatened in Ryan's announcement for 3.0.139, I built a little module for sliding toggles as a replacement for checkboxes. Styling of the input is CSS3 only (with all the usual caveats about older browsers), no JS necessary, and may still be a bit "rough around the edges", so to speak, since I didn't have much time for testing on different devices or brushing things up enough so I'd feel comfortable pushing it to the module directory. But here's the link to the GitHub repo for now:

InputfieldSlideToggle

Fieldtype and Inputfield that implements smartphone-style toggles as replacement for checkbox inputs. The visualization is CSS-only, no additional JS necessary.

Status

Beta, use with caution

Features / Field Settings

Size

You can render the toggles in four different sizes: small, medium, large and extra large.

Off Color

Currently, "unchecked" toggles can be displayed either in grey (default) or red.

On Color

"Checked" toggles can be rendered in one of these colors: blue (default), black, green, grey, orange or red.

Screenshots

Some examples with checkbox label

View all Size and Color Combinations

• Small toggles
• Medium toggles
• Big toggles
• Extra big toggles

 

[Mustafa-Online]

???