Basic-Widgets

basic.button basic.checkbox basic.colordisc basic.dual basic.flip basic.float basic.formula basic.glue basic.multistate basic.rgb basic.shifter basic.shutter basic.slider basic.switch basic.symbol basic.tank basic.text basic.trigger basic.value


basic.tank

Displays a (partly) filled tank

Parameters
{{ basic.tank(id, item_pos, min, max, step, mode, color) }}
id
unique id for this widget
item_pos
a item for the actual position of filled tank
min
the minimum value for empty (optional, default 0, for future use)
max
the maximum 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 of the tanks
From left to right: 'none', 'cylinder', 'cylinder' orange, 'water', 'water' green, 'pallets'
 
 
 
 
 
 
If you want a individual width of the tank add a line to your "visu.css" with #PAGE-ID (current pagename, hyphen, id of the tank-widget). For example for tank 6:
#widget_basic_tank-tank6 {
width: 60px;
}

Author: Martin GleiƟ and others

Widgets

Design

Misc