Columns

ColumnsIcon Description

Columns control can be used in panels created using K2BTools to divide the screen vertically (by adding Column nodes), and populate these columns with different types of content. The content used in each column can be completely independent among them.

Runtime appearance

In the following example, a columns node was included in a web panel, containing two column nodes as children. Each of these includes a Group control, with different contents. On the left side of the screen, the result is displayed. In the opposite side, the tree used to define the web panel is shown.

ColumnsRuntimeDefinition ColumnsRuntime
Tree defining the web panel Runtime appearance

Properties

Category Name Value
General ControlName (Id) The node's Id. Must be unique inside the panel.
Responsive Sizes Determines the layout of the items contained in this control according to the screen size of the device used in runtime. For more information, see Introduction to Responsive Web Design and Using Responsive Sizes Properties.
Cell Padding

The value assigned to the Cell Padding property in the underlying table.

Note: Not available when using Responsive Web Design. Not available in SD Panels.

Cell Spacing

The value assigned to the Cell Spacing property in the underlying table.

Note: Not available when using Responsive Web Design. Not available in SD Panels.

Appearance Class The theme class that should be used when rendering the control in the panel's form.

Child nodes

ColumnIcon Column