Water wave

About 2 min read

TwWaterWave · Category: Other

Settings

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

Setting	Type	Default	Description
Level level	Number	50	Water height in percent of the widget, 0–100; the water color is the foreground color.
Play play	Checkbox	Off	Moves the waves continuously.
Clip Shape clipShape	Selection	rect	Shape of the water: Rectangle fills the whole widget, Circle clips it to a circle. Options: rect Rectangle, circle Circle
Circle Level Inset circleLevelInset	Number	0	Keeps the water surface away from the top and bottom edge of the circle, 0–64 drawing units; only for the Circle shape.
Circle Wave Amplitude circleWaveAmplitude	Number	18	Wave height for the Circle shape, 4–48 (default 18).
Circle Wave Period circleWavePeriod	Number	256	Wave length for the Circle shape, 96–320 (default 256); smaller values draw more waves.
Circle Wave Depth Offset circleWaveDepthOffset	Number	10	Moves the wave down from the top for the Circle shape, -8 to 64 (default 10).
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, level, clipShape, circleLevelInset, circleWaveAmplitude, circleWavePeriod, circleWaveDepthOffset, play

Common sections

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