Grid cell

About 2 min read

TwGridCell · Category: Containers · Container (other widgets can be placed inside it)

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
Column Size columnSize	Number (1–12)	1	Number of grid columns the cell spans (1–12). Empty spans one column.
Column Start columnStart	Number (1–12)	—	Grid column where the cell starts (1–12). Empty places it automatically.
Row Size rowSize	Number (1–12)	—	Number of grid rows the cell spans (1–12). Empty spans one row.
Row Start rowStart	Number (1–12)	—	Grid row where the cell starts (1–12). Empty places it automatically.
Subgrid subgrid	Selection	—	Row or Column turns the cell into a grid that reuses the rows or columns of the parent grid, so its children line up with them. Default keeps a normal cell. Options: "" Default, row Row, col Column
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, subgrid, columnStart, rowStart, columnSize, rowSize

The style fields of the widget can also be bound as style.<field> (e.g. style.width, style.height, style.left, style.top).

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.