/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 - 2015 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_basic.html" %} {% block example %}
Examples
See the various scaling options in the following examples.

Silent mode (new in v3.1)
Per default, sliders send their values constantly during operation. There is also a silent mode which limits value output to the end of the sliding phase. See the difference by moving different sliders. The bottom slider is switched to silent mode while the others send their values live.
{{ basic.slider('', 'bath.light.value') }}
{{ basic.slider('', 'bath.light.value', 0, 100, 10) }}
{{ basic.slider('', 'bath.light.value', 0, 255, '', '', '', 0, 100, 0) }}
{{ basic.slider('', 'bath.light.value') }} {{ basic.slider('', 'bath.light.value', 0, 100, 10) }} {{ basic.slider('', 'bath.light.value', 0, 255, '', '', '', 0, 100, 0) }}
Orientation
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'vertical') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'bottomup') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'semicircle') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'vertical') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'bottomup') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, 'semicircle') }}
Value display types
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'handle') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'none') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'both') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'handle') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'none') }}
{{ basic.slider('', 'bath.light.value', 0, 255, 5, '', 'both') }}
{% endblock %}