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.windowbasic.roundslider
Displays a round slider
Parameters
{{ basic.roundslider(id, item, min, max, step, pre_value, to_value, unit, scale, scale_interval, pic, circleshape, slidertype, radius, width, thickness) }}
id
unique id for this widget
item
an item (list type can be used if slider type is "range")
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)
pre_value
pretext of the center text/value
to_value
text after center text/ value
unit
unit of the center value
scale
display a scale with values along the slider (optional, default='false')
scale_interval
scale-integer, the scale-divider for the scale
pic
icon to be displayed in the center (optional)
circleshape
circleshape slider style (like pie, quarter-top-left, quarter-top-right, quarter-bottom-left, quarter-bottom-right, half-top, half-bottom, half-left, half-right, custom-half, custom-quarter)
slidertype
slidertype (default, min-range,range ) (optional, default = min-range)
radius
radius of the slider (optional, default: 90)
width
width of the slide line
thickness
thickness of the slide line
Examples
{{ 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' ) }}
|
|
|
|
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.
{{ 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' ) }}
|
|
|
|
|
|
|
|
|
|
|
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.Documentation for the slider can be found here: https://roundsliderui.com/document.html
Author: Bonze, Wolfram v. Hülsen
