Column

ColumnIcon Description

This type of node is used in panels created with K2BTools. They represent single columns within a Columns node.

Runtime appearance

In the following example, two column nodes were included inside a columns node. Each column includes a Group control, with different contents.

ColumnsRuntimeDefinition ColumnsRuntime
Tree defining the panel Runtime appearance

Properties

Category Name Value
General Id Contains an unique identifier for the column inside the panel.
Align

Contains the value passed to the Align property in the cell that belong to this column. Possible values are:Left, Center, and Right.

Notes: 

Vertical Align

Contains the value passed to the Vertical Align property in the cell that belong to this column. Possible values are: BaseLine, Bottom, Middle, and Top.

Notes: 

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.
Size Width

Contains the width of the column in runtime. 

Notes: 

Height

Contains the height of the column in runtime 

Note: 

Child nodes

Note: The table below contains the complete set of possible children. Some nodes may not be available in all scenarios.

ActionsIcon Actions   GroupIcon Group   ColumnsIcon Columns
TabsIcon Tabs   LineSeparatorIcon LineSeparator   AttributesIcon Attributes
WebComponentIcon WebComponent   EmbeddedPageIcon EmbeddedPage   GridIcon Grid (WPD)
FreeStyleGridIcon FreeStyleGrid   MultipleSelectionIcon MultipleSelection   UserRegionIcon UserRegion
QueryViewerNode QueryViewer   TextblockIcon Textblock   ImageNode Image
AttributeIcon Attribute   VariableIcon Variable   SDTIcon SDTVariable