core-jvm
core2-jvm (latest)core-jvm
  • Home
  • Features
  • Examples
  • Spec
  • Guides
  • Sandbox
  • Step Studio
  • Step
    • Action
    • Behavior
    • External
    • Help
    • Link Handler
    • Navigation
    • Persist Async
    • Polling
    • Refresh On Change
    • Step Error
    • Summary
    • Upload
    • Validate Async
    • Schema
    • All Of Schema
    • Array Schema
    • Blob Schema
    • Boolean Schema
    • Const Schema
    • Integer Schema
    • Number Schema
    • Object Schema
    • One Of Schema
    • String Schema
    • Layout
    • Alert Layout
    • Box Layout
    • Button Layout
    • Columns Layout
    • Decision Layout
    • Form Layout
    • Heading Layout
    • Image Layout
    • Instructions Layout
    • List Layout
    • Loading Indicator Layout
    • Markdown Layout
    • Modal Layout
    • Paragraph Layout
    • Review Layout
    • Search Layout
    • Status List Layout
    • Action Response Body
    • Error Response Body
    • Flow Response
    • Search Response Body
    • Search Result
    • Align
    • Autocapitalization Type
    • Autocomplete Token
    • Context
    • Icon
    • Image
    • Size
These docs refer to the older 1.x release of Dynamic Flow.
Go to the latest docs

Columns Layout

Android - 8.25.0 iOS - 11539 Web - 2.5.0

Allows content to be displayed in two columns.

If screen space is limited, the contents will be collapsed into a single column.

Properties

PropertyTypeRequiredDescription
biasColumnsLayout.BiasNoIndicates which column, if any, will be given more visual weight. Defaults to none.
controlStringNoSpecify a particular control to use to represent the layout. If the control is unknown, it will be ignored.
leftArray<Layout>YesAn array of layout components to display in the left column.
marginSizeNoThe vertical margin to apply after this component. Defaults to md.
rightArray<Layout>YesAn array of layout components to display in the right column.
typeStringYesIt must be columns.

Related Types

Bias

Values for the bias property.

Values

ValueDescription
leftThe left column will be given more visual weight
noneBoth columns will have equal visual weight
rightThe right column will be given more visual weight