Basic-Widgets

basic.checkbox basic.color basic.flip basic.glue basic.icon basic.input basic.listview basic.offset basic.print basic.select basic.shifter basic.shutter basic.slider basic.stateswitch basic.symbol basic.tank basic.trigger basic.button basic.dual basic.colordisc basic.float basic.formula basic.rgb basic.multistate basic.switch basic.text basic.value


basic.slider

Displays a slider-control

Parameters
{{ basic.slider(id, item, min, max, step, orientation, value_display, min_display, max_display) }}
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)
Examples
{{ basic.slider('', 'bath.light.value') }}
{{ basic.slider('', 'bath.light.value', 0, 100, 10) }}
{{ basic.slider('', 'bath.light.value', 0, 255, '', '', '', 0, 100) }}
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 Gleiss and others

Widgets

Design

Misc