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

pageshow-ifpagehide-if

Note: A column will be hidden if all its children components are hidden.