Column control in cards

An individual column which acts as a container for other elements. This column can be arranged side-by-side with other columns using the column set control.

Add to a column set to create dividers on the page. Empty columns aren't visible. You'll need to put another control (like a text input control) into a column to make it visible. You can drag and drop controls into a column within the card canvas.

Properties

Initially visible – If false, this item will be removed from the visual tree.

Spacing – Controls the amount of spacing between this control and the preceding control.

Divider – When true, draw a separating line at the top of the control.

Minimum height – Specifies the minimum height of the column set in pixels, like "80px".

Content alignment – Defines how the content should be aligned vertically within the column.

Width – Auto, stretch, a number representing relative width of the column in the column group, or in version 1.1 and higher, a specific pixel width, like "50px".

Style – Style hint for this control, allowed values: default, emphasis, good, attention, warning, accent.

Background image – Specifies a background image. Acceptable formats are PNG, JPEG, and GIF.

Bleed – Determines whether the control should bleed through its parent's padding.

Repeat for every – The source of data that is used to show multiple instances of this control. Learn how to use repeat for every.

Show when – Conditional layout expression.