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
show-if
hide-if
Note: A column will be hidden if all its children components are hidden.

columns

context-menu

Last modified 11mo ago

column

Overview

Standard Attributes

Advanced Attributes

`align`

`show-if` and `hide-if`