{% extends "custom/widget_custom.html" %} {% block example %}
Example
{% filter trim|escape|nl2br %}{% raw %} {{ basic.skylight('first_window', 'bath.blind.pos', 'bath.window.state') }} {{ basic.skylight('second_window', 'bath.blind.pos', 'bath.window.state', '', '', 'red') }} {{ basic.skylight('third_window', 'bath.blind.pos', 'bath.window.state', '', '', '!icon3') }} {% endraw %}{% endfilter %}
Use slider to control the shutter and switches to simulate window status
{{ basic.slider('','bath.light.value') }} First window:
{{ basic.stateswitch('', 'bath.light.value2', '', 0, '', '0') }} {{ basic.stateswitch('', 'bath.light.value2', '', 1, '', '1') }} {{ basic.stateswitch('', 'bath.light.value2', '', 2, '', '2') }}
   Second and third window:
{{ basic.stateswitch('', 'bath.light.multistate', '', 0, '', '0') }} {{ basic.stateswitch('', 'bath.light.multistate', '', 1, '', '1') }} {{ basic.stateswitch('', 'bath.light.multistate', '', 2, '', '2') }}

Default: class icon0 / icon1 colors:  {{ basic.skylight('', 'bath.light.value', 'bath.light.value2') }}
Usage of custom color for 'open':     {{ basic.skylight('', 'bath.light.value', 'bath.light.multistate', '', '', 'red') }}
Usage of constant custom color:     {{ basic.skylight('', 'bath.light.value', 'bath.light.multistate', '', '', '!icon3') }}
{% endblock %}