Flip Switch

You are viewing an old version (v. 1) of this page.
The latest version is v. 7, last edited on Jan 17, 2013 (view differences | )
view page history | view next version >>

selectFlipSwitch

The flipSwitch component displays a command button that toggles between an On and Off state. This UI element is common on the iOS platform for toggling a setting on or off. This component generates server side action event when pressed.

Note selectFlipSwitchwill be converted to a concrete JSF component in a future release. Repaint speed should improve as a result.

Usage

<h:outputLabel for="cor" value="Auto-Correction"/>
<mobic:selectFlipSwitch id="cor" style="float:right"
                        labelOn="ON" labelOff="OFF"
                        value="#{flipSwitchBean.autoCorrection}"/>

Theming

FlipSwitch supports device theming by providing default styles for Apple, Android and Blackberry.  CSS class names are as follows:

  • mobi-flip-switch (mobi-flip-switch-off | mobi-flip-switch-off)
    • mobi-flip-switch-txt
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.