Basic-Widgets
basic.checkbox basic.color basic.flip basic.glue basic.icon basic.input basic.listview basic.offset basic.print basic.select basic.shifter basic.shutter basic.slider basic.stateswitch basic.symbol basic.tank basic.trigger basic.button basic.dual basic.colordisc basic.float basic.formula basic.rgb basic.multistate basic.switch basic.text basic.valuebasic.icon
show an icon, optionally colored statically or dynamically by item
Parameters
{{ basic.icon(pic, color, item) }}
pic
icon to show
color
the color in any CSS form (e.g. '#f00' for red) or 'icon1' (default 'icon0' of the design)
To use dynamic coloring by item give one of the following color models: 'rgb', 'hsl' or 'hsv'
To use dynamic coloring by item give one of the following color models: 'rgb', 'hsl' or 'hsv'
item
either one item which sends all three color parts as array or an array of three items each sending one of the color parts.
More Information
Examples
Simple static icon{{ basic.icon('light_light') }}
{{ basic.icon('light_light', '#0b0') }}
{{ basic.icon(icon.light('','','bath.light.value'), 'icon1') }}
{{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }}
{{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }}
Author:Stefan Widmer
