Realistic tank

About 4 min read

TwTankRealistic · Category: Svg

Settings

These settings are in the properties panel on the right while the widget is selected, mostly in the Realistic Tank 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	Value (typed)	45	Main value of the widget, usually bound to a Tag or an expression in Bindings.
Min Value minValue	Number	0	Lower limit of the displayed value range.
Unit unit	Text	%	Unit shown after the value, e.g. %, m³ or L. With %, the extra percent-full line is hidden.
Unit from Tag unitFromTag	Checkbox	Off	Shows the unit from the tag definition of the Process Value binding (Direct) instead of Unit; with % the percent-full line is hidden. On a shared modal it follows the modal's tag prefix. Unit is used when the tag has no unit and in the Editor. Only a plain tag name or a single quoted tag qualifies; a calculated expression such as 'Flow' / 1000 keeps Unit.
Max Value maxValue	Number	100	Upper limit of the displayed value range.
Decimals decimals	Number	0	Number of decimal places of the displayed value.

Limits

Setting	Type	Default	Description
High High highHigh	Number	90	Value at or above which the HH alarm is active. If H and HH are entered in the wrong order, they are swapped.
Low low	Number	25	Value at or below which the L alarm is active, above LL.
High high	Number	75	Value at or above which the H alarm is active, below HH.
Low Low lowLow	Number	10	Value at or below which the LL alarm is active. If L and LL are entered in the wrong order, they are swapped.

Appearance

Setting	Type	Default	Description
Shape shape	Selection	cylinder	Tank outline: rectangle or cylinder. Options: rect Rectangle, cylinder Cylinder
Show Value showValue	Checkbox	On	Shows the current process value on the tank.
Show Scale showScale	Checkbox	On	Shows the external level gauge with a numeric scale.
Show Status showStatus	Checkbox	On	Shows a status badge: NORMAL, HIGH, HIGH HIGH, LOW or LOW LOW.
Material material	Selection	stainless	Tank material: Stainless Steel, Dark or Copper. Options: stainless Stainless Steel, dark Dark, copper Copper
Show Percent showPercent	Checkbox	On	Shows the fill level in percent below the value. Hidden when Unit is %.
Show Thresholds showThresholds	Checkbox	On	Draws the HH, H, L and LL limits as dashed lines.
Automatic Alarm Color autoAlarmColor	Checkbox	On	In an alarm state the liquid takes Alarm High Color or Alarm Low Color instead of the liquid colors.

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.
Alarm Pulse alarmPulseEnabled	Checkbox	On	Lets the alarm outline of the tank pulse while an alarm is active.
Wave Duration (s) 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	#0ea5e9	Main color of the liquid.
Tank Stroke Color tankStrokeColor	Color	#475569	Color of the tank outline.
Alarm High Color alarmHighColor	Color	#ef4444	Color of the H/HH lines and status and, with Auto Alarm Color, of the liquid.
Liquid Highlight Color liquidHighlightColor	Color	#7dd3fc	Lighter color of the liquid surface and waves.
Text Color textColor	Color	#0f172a	Color of the value text.
Alarm Low Color alarmLowColor	Color	#f59e0b	Color of the L/LL lines and status and, with Auto Alarm Color, of the liquid.

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, unit, unitFromTag, shape, material, showThresholds, showValue, showPercent, showScale, showStatus, autoAlarmColor, alarmPulseEnabled, waveEnabled, waveAmplitude, waveSpeed, decimals, highHigh, high, low, lowLow, liquidColor, liquidHighlightColor, 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.