Form Slider + Switcher header small text goes here...
Switchery
Use the attribute data-render="switchery" to render the switchery switcher,
and use the attribute data-theme="default" to set the theme color
All Available Options
- theme:
data-theme="default" - secondary color:
data-secondary-color="#dfdfdf" - classname:
data-classname="switchery" - disabled:
data-disabled="true" - disabledOpacity:
data-disabled-opacity="0.5" - speed:
data-speed="0.5s"
Switchery Theme
data-theme="default"
data-theme="grey"
data-theme="primary"
data-theme="info"
data-theme="purple"
data-theme="danger"
data-theme="warning"
data-theme="success"
data-theme="lime"
Switchery State
checked unchecked disabled
Powerange Slider
Use the attribute data-render="poweranger-slider" to render the switchery powerange slider.
All Available Options
- decimal:
data-decimal="false" - disable:
data-disable="false" - disableOpacity:
data-disable-opacity="0.5" - hideRange:
data-hide-range="false" - klass:
data-class="" - min:
data-min="0" - max:
data-max="100" - start:
data-min="null" - step:
data-min="null" - vertical:
data-vertical="false"
Powerange Slider Theme
Available Classes for powerange slider is .slider-inverse, grey, primary,
info, purple, danger, warning, success and lime.
Vertical Slider
Add an attribute data-vertical="true" in order to display the slider in vertical mode
Source Admin




