Links

column

Overview

The columns UI component can contain one or more columns.
Version compatibility
Specifying more than 2 columns is supported from version 4.60.0 of the JourneyApps Runtime.

Standard Attributes

None

Advanced Attributes

align

Optional
Type: center | fullwidth
Default: fullwidth
Alignment limitation
align set to center is only relevant when using a single column, on a tablet or a desktop device.
main.view.xml
<columns>
<column align="center">
<heading>Add new part</heading>
<text-input bind="part.name" required="true" />
<text-input bind="part.serial" required="true"/>
<text-input bind="part.description" required="false" />
<single-choice-radio label="Condition" bind="part.condition" required="true" />
<button-group>
<button label="Cancel" on-press="$:closeDialog()" validate="false" />
<button label="Submit" on-press="$:closeDialog()" validate="true" style="solid"/>
</button-group>
</column>
</columns>

show-if and hide-if

Note: A column will be hidden if all its children components are hidden.
Last modified 3mo ago