/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "index.html" %} {% block content %}

Buttons

Here are some examples to show what buttons are possible in {{ lib.smartVISU }}

Examples

To keep it clearly, the gads are replaced with '...'.

A simple button: only pic, only text, pic and text, big icon (and text as hover) in 'mini' and 'midi'
{% filter trim|escape|nl2br %}{% raw %} {{ basic.button('single1', '...', '', 'grid') }} {{ basic.button('single2', '...', 'Up') }} {{ basic.button('single3', '...', 'Up', 'grid') }} {{ basic.button('single4', '...', 'Down', icon0~'steuer_ab.png') }} {{ basic.button('single5', '...', '', 'grid', '', 'midi') }} {{ basic.button('single6', '...', 'Up', '', '', 'midi') }} {{ basic.button('single7', '...', 'Up', 'grid', '', 'midi') }} {{ basic.button('single8', '...', 'Down', icon0~'steuer_ab.png', 0, 'midi') }} {% endraw %}{% endfilter %}
{{ basic.button('single1', 'bath_light_switch', '', 'grid') }} {{ basic.button('single2', 'bath_light_switch', 'Up') }} {{ basic.button('single3', 'bath_light_switch', 'Up', 'grid') }} {{ basic.button('single4', 'bath_light_switch', 'Down', icon0~'steuer_ab.png') }} {{ basic.button('single5', 'bath_light_switch', '', 'grid', '', 'midi') }} {{ basic.button('single6', 'bath_light_switch', 'Up', '', '', 'midi') }} {{ basic.button('single7', 'bath_light_switch', 'Up', 'grid', '', 'midi') }} {{ basic.button('single8', 'bath_light_switch', 'Down', icon0~'steuer_ab.png', 0, 'midi') }}
A dual-button: with two pics 'mini' and 'midi'
{% filter trim|escape|nl2br %}{% raw %} {{ basic.dual('dual0', '...', icon1~'steuer_auf.png', icon0~'steuer_ab.png') }} {{ basic.dual('dual1', '...', icon1~'steuer_auf.png', icon0~'steuer_ab.png', '', '', 'midi') }} {% endraw %}{% endfilter %}
{{ basic.dual('dual0', 'bath_light_switch', icon1~'steuer_auf.png', icon0~'steuer_ab.png') }} {{ basic.dual('dual1', 'bath_light_switch', icon1~'steuer_auf.png', icon0~'steuer_ab.png', '', '', 'midi') }}
Some Buttons grouped together. You may mix buttons and duals.
{% filter trim|escape|nl2br %}{% raw %} {{ basic.button('b11', '...', 'Up', 'plus') }} {{ basic.button('b12', '...', 'Down', 'minus', 0) }} {{ basic.dual('b13', '...', icon1~'steuer_auf.png', icon0~'steuer_ab.png') }} {{ basic.button('b21', '...', 'Up', 'plus', '', 'midi') }} {{ basic.button('b22', '...', 'Down', 'minus', 0) }} {{ basic.dual('b23', '...', icon1~'steuer_auf.png', icon0~'steuer_ab.png') }} {% endraw %}{% endfilter %}
{{ basic.button('b11', 'bath_light_switch', 'Up', 'plus', '', 'micro') }} {{ basic.button('b12', 'bath_light_switch', 'Down', 'minus', 0, 'micro') }} {{ basic.dual('b13', 'bath_light_switch', icon1~'steuer_auf.png', icon0~'steuer_ab.png', '', 'micro') }} {{ basic.button('b21', 'bath_light_switch', 'Up', 'plus') }} {{ basic.button('b22', 'bath_light_switch', 'Down', 'minus', 0) }} {{ basic.dual('b23', 'bath_light_switch', icon1~'steuer_auf.png', icon0~'steuer_ab.png') }} {{ basic.button('b31', 'bath_light_switch', 'Up', 'plus', '', 'midi') }} {{ basic.button('b32', 'bath_light_switch', 'Down', 'minus', 0, 'midi') }} {{ basic.dual('b33', 'bath_light_switch', icon1~'steuer_auf.png', icon0~'steuer_ab.png', '', '', 'midi') }}
{% endblock %}