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.button

A button

Parameters
{{basic.button(id, item, txt, pic, val, type, color) }}
id
unique id for this widget
item
a item
txt
text printed on the button (optional)
pic
a icon or a inline pic: 'arrow-l', 'arrow-r', 'arrow-u', 'arrow-d', 'delete', 'plus', 'minus', 'check', 'gear', 'refresh', 'forward', 'back', 'grid', 'star', 'alert', 'info', 'home', 'search' (optional)
val
value send if the button is pressed (optional, default 1)
type
type: 'micro', 'mini', 'midi' (optional, default: mini)
color
the color 'icon1' or e. g. '#f00' for red (default 'icon0' of the design)
Examples
{{ basic.button('b1', 'bath.light.switch', ...) }}
'mirco'
'mini'
'midi'
only txt
only pic (inline)
only pic (icon)
txt and pic (inline)
txt and pic (icon)
With other pictures:
arrow-l, arrow-r, arrow-u, arrow-d, delete, plus, minus, check, gear, refresh, forward, back, grid, star, alert, info, home, search 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