Basic-Widgets
basic.checkbox basic.color basic.flip basic.glue basic.icon basic.input basic.listview basic.offset basic.print basic.select basic.shutter basic.slider basic.roundslider basic.stateswitch basic.symbol basic.tank basic.trigger basic.window basic.shifterbasic.tank
Displays a (partly) filled tank
Parameters
{{ basic.tank(id, item_pos, min, max, step, mode, color) }}
id
unique id for this widget (optional)
item_pos
an item for the actual position of filled tank
min
the value for empty (optional, default 0)
max
the value for full (optional, default 255)
step
step between two values (optional, default 5, for future use)
mode
the mode: 'none', 'cylinder', 'water', 'pallets' (optional, default 'none')
color
the color of the filling e. g. '#f00' for red (optional, default grey)
Examples
{{ basic.tank('tank1', 'bath.value') }}
{{ basic.tank('tank2', 'bath.value', 0, 255, 5, 'cylinder') }}
{{ basic.tank('tank3', 'bath.value', 0, 255, 5, 'cylinder', '#f90' ) }}
{{ basic.tank('tank4', 'bath.value', 0, 255, 5, 'water') }}
{{ basic.tank('tank5', 'bath.value', 0, 255, 5, 'water', '#0c0') }}
{{ basic.tank('tank6', 'bath.value', 0, 255, 5, 'pallets') }}
Use the slider to control the filling level of the tanks
#widget_basic_tank-tank6 {
width: 60px;
}
Author: Martin Gleiss and others
