Basic-Widgets

basic.checkbox basic.color basic.flip basic.glue basic.icon basic.input basic.listview basic.offset basic.print basic.roundslider basic.select basic.shutter basic.slider basic.stateswitch basic.symbol basic.tank basic.trigger basic.window


basic.slider

Displays a slider-control

Parameters
{{ basic.slider(id, item, min, max, step, orientation, value_display, min_display, max_display, live) }}
id
unique id for this widget (optional)
item
an item
min
the minimum value if the slider is moved to total left (optional, default 0)
max
the maximum value if the slider is moved to total right (optional, default 255)
step
step between two values (optional, default 5)
orientation
possible options: 'horizontal', 'vertical', 'bottomup', 'semicircle' (optional, default 'horizontal')
value_display
how should the value be shown; possible options: 'input', 'handle', 'both', 'none' (optional, default 'input')
min_display
the minimum value to display if the slider is moved to total left if this should differ from sent/received value (optional, default like min)
max_display
the maximum value to display to total right if this should differ from sent/received value (optional, default like max)
live
'live mode': if enabled, values will be sent during sliding. '0' sends values only when sliding is stopped, after click into track or if value is edited in input field. (optional, default = 1)
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) }}
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') }}
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') }}



Author: Martin GleiƟ and others

Widgets

Design

Misc