Basic-Widgets

basic.button basic.checkbox basic.colordisc basic.dual basic.flip basic.float basic.formula basic.glue basic.multistate basic.rgb basic.shifter basic.shutter basic.slider basic.switch basic.symbol basic.tank basic.text basic.trigger basic.value


basic.dual

A switch with to states displayed as a button

Parameters
{{ basic.dual(id, item, pic_on, pic_off, val_on, val_off, type, color_on, color_off) }}
id
unique id for this widget
item
a item
pic_on
the pic for the 'on' state (optional)
pic_off
the pic for the 'off' state (optional)
val_on
value send for the 'on' state (optional, default 1)
val_off
value send for the 'off' state (optional, default 0)
type
type: 'micro', 'mini', 'midi' (optional, default: mini)
color_on
the color_on: e.g. '#f00' for red (default 'icon1' of the design)
color_off
the color_off: e.g. '#f00' for red (default 'icon0' of the design)
Examples
{{ basic.dual('dual0', 'bath.light.switch') }}
Dual-button with two pics 'mini' and 'midi'
{{ basic.dual('dual1', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'micro') }}
{{ basic.dual('dual2', '...', 'control_arrow_up.svg', 'control_arrow_down.svg') }}
{{ basic.dual('dual3', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi') }}
{{ basic.dual('dual4', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi', '#25ea4e', '#4176a9') }}
Some Buttons grouped together. You may mix buttons and duals.
<span data-role="controlgroup" data-type="horizontal">
...
</span>

Author: Martin GleiƟ and others

Widgets

Design

Misc