/**
* -----------------------------------------------------------------------------
* @package smartVISU
* @author Martin Gleiß
* @copyright 2012 - 2015
* @license GPL [http://www.gnu.de]
* -----------------------------------------------------------------------------
*/
{% extends "widget_basic.html" %}
{% block example %}
Examples
{% filter trim|escape|nl2br %}{% verbatim %}
{{ basic.roundslider('sl1', 'bath.light.value', 0, 100, 5) }}
{{ basic.roundslider('sl2', 'bath.light.value', 0, 255, 10, 'Rollo', 'Höhe', 'cm') }}
{{ basic.roundslider('sl3', 'bath.light.value', 0, 255, 10, '', '', '', 'true', '', 'light_light' ) }}
{% endverbatim %}{% endfilter %}
{{ basic.roundslider('slider1', 'bath.light.value', 0, 100, 5) }} |
{{ basic.roundslider('slider2', 'bath.blind.pos', 0, 255, 10, 'Rollo', 'Höhe', 'cm') }} |
{{ basic.roundslider('slider3', 'bath.light.value2', 0, 255, 10, '', '', '', 'true', '', 'light_light' ) }} |
Different Shapes
Slider shapes can be chosen from the list in the docstring. Default start angles will be used (0, 90, 180, 270 degrees).
Icons should be avoided due to space constraints.
{% filter trim|escape|nl2br %}{% verbatim %}
{{ basic.roundslider('sl4', 'bath.light.value', 0, 100, 5, '', '', '', '', '', '', 'quarter-top-left') }}
{{ basic.roundslider('sl5', 'bath.light.value', 0, 255, 10, 'Rollo', 'Höhe', 'cm', '', '', '','half-top') }}
{{ basic.roundslider('sl6', 'bath.light.value', 0, 255, 10, '', '', '', 'true', '50', '', 'quarter-top-right' ) }}
{% endverbatim %}{% endfilter %}
{{ basic.roundslider('slider4', 'bath.light.value', 0, 100, 5, '', '', '', 'true', '', '', 'quarter-top-left' ) }} |
{{ basic.roundslider('slider5', 'bath.blind.pos', 0, 100, 5, 'Rollo', 'Höhe', 'cm', 'true', '', '','half-top') }} |
{{ basic.roundslider('slider6', 'bath.light.value2', 0, 100, 5, '', '', '', 'true', '20', '', 'quarter-top-right' ) }} |
{{ basic.roundslider('slider7', 'bath.light.value', 0, 100, 5, '', '', '', 'true', '', '', 'quarter-bottom-left' ) }} |
{{ basic.roundslider('slider8', 'bath.blind.pos', 0, 100, 5, 'Rollo', 'Höhe', 'cm', 'true', '', '','half-bottom') }} |
{{ basic.roundslider('slider9', 'bath.light.value2', 0, 100, 5, '', '', '', 'true', '20', '', 'quarter-bottom-right' ) }} |
{{ basic.roundslider('slider10', 'bath.light.value', 0, 100, 5, '', '', '', 'true', '', '', 'half-left' ) }} |
{{ basic.roundslider('slider11', 'bath.blind.pos', 0, 100, 5, 'Rollo', 'Höhe', 'cm', 'true', '', '','half-right') }} |
|
Range Slider (experimental)
The range slider transmits a pair of values (min/max) which can be written to an item of text or list type.
{{ basic.roundslider('slider12', 'bath.light.text', 0, 100, 5,'','','','true','','','','range') }}
Documentation for the slider can be found here: https://roundsliderui.com/document.html
{% endblock %}