Tank level

About 3 min read

TwTankLevel · Category: Svg

Settings

These settings are in the properties panel on the right while the widget is selected, mostly in the Tank Level Settings section. The default value is the value the widget has when it is first added to a page.

Process

Setting	Type	Default	Description
Process Value processValue	Number	45	Main value of the widget, usually bound to a Tag or an expression in Bindings.
Show Value showValue	Checkbox	On	Shows the current process value on the tank.
Decimals decimals	Number	0	Number of decimal places of the displayed value.

Limits

Setting	Type	Default	Description
Min Value minValue	Number	0	Lower limit of the displayed value range.
High High highHigh	Number	90	Position of the HH line in process value units (default 90). It is only drawn and does not change colors.
Low low	Number	25	Position of the L line in process value units (default 25). It is only drawn and does not change colors.
Max Value maxValue	Number	100	Upper limit of the displayed value range.
High high	Number	75	Position of the H line in process value units (default 75). It is only drawn and does not change colors.
Low Low lowLow	Number	10	Position of the LL line in process value units (default 10). It is only drawn and does not change colors.

Appearance

Setting	Type	Default	Description
Shape shape	Selection	rect	Tank outline: rectangle or cylinder. Options: rect Rectangle, cylinder Cylinder
Show Thresholds showThresholds	Checkbox	On	Draws the HH, H, L and LL limits as dashed lines.

Animation

Setting	Type	Default	Description
Wave Enabled waveEnabled	Checkbox	On	Animates waves on the liquid surface.
Wave Amplitude waveAmplitude	Number	3	Wave height in drawing units (from 0.5, default 3); it is limited automatically at low levels.
Wave Speed waveSpeed	Number	5	Duration of one wave cycle in seconds, 1.5–20 (default 5); larger values are slower.

Colors

Setting	Type	Default	Description
Liquid Color liquidColor	Color	#38bdf8	Main color of the liquid.
Tank Color tankColor	Color	#e5e7eb	Fill color of the empty tank body.
Text Color textColor	Color	#0f172a	Color of the value text.
Alarm High Color alarmHighColor	Color	#ef4444	Color of the HH and H lines.
Liquid Highlight Color liquidHighlightColor	Color	#7dd3fc	Lighter color of the liquid surface and waves.
Tank Stroke Color tankStrokeColor	Color	#475569	Color of the tank outline.
Alarm Low Color alarmLowColor	Color	#f59e0b	Color of the L and LL lines.

Other settings

Setting	Type	Default	Description
Enable Flashing enableFlashing	Checkbox	Off	Makes the widget blink (an opacity pulse every second). Usually bound to an alarm condition.
Log Button logButton	Checkbox	Off	At runtime shows a chart icon when hovering the widget; clicking it adds the Tags bound to the widget to the log Tag list.

Bindings

In the Bindings (Rules) section of the properties panel, a Tag can be bound to the following properties of this widget with a Direct binding. The binding types (Direct, IntRange, FloatRange, Boolean, Bit) are the same for all widgets; they are described on the Widget Reference page.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, to.type, processValue, minValue, maxValue, shape, showThresholds, showValue, waveEnabled, waveAmplitude, waveSpeed, decimals, highHigh, high, low, lowLow, liquidColor, liquidHighlightColor, tankColor, tankStrokeColor, textColor, alarmHighColor, alarmLowColor

Common sections

While this widget is selected, the properties panel also shows these common sections: General, Layout, Appearance, Navigation (To), Bindings (Rules). These sections are described on the Page Editor page.