Flowable Forms

Flowable Forms

  • Release Notes
  • Guides
  • Components
  • Storybook

›Components

Components

  • Introduction
  • Accordion
  • Button Group
  • Checkbox
  • Columns
  • Data Table
  • Date
  • Doc Gallery
  • Flex Layout
  • HR
  • HTML
  • iFrame
  • Image
  • Link
  • Link Button
  • List
  • Modal
  • Number
  • Outcome Button Group
  • Panel
  • Password
  • PDF Viewer
  • Radio button
  • REST Button
  • RichText editor
  • Assign Button
  • Select
  • Text List
  • Sub-Form
  • Tabs
  • Text
  • Textarea
  • Upload
  • Wizard

Flex Layout

Layout container with flexible alignment content in rows/columns.

Demo

Basic example

Attributes

AttributeTypeDescription
typestringType expected is flexlayout

See section Common attributes.

Extra attributes

AttributeTypeDescription
sectionsObject[]Array of panel or subform definitions.
directionstringSpecifies the axis inside container. Accepted values: row, column.
alignstringSpecifies how to self-align items. Accepted values: start, end, center, stretch.
justifystringSpecifies how is distributed the space around. Accepted values: start, end, center, space-around, space-between.

Every panel/subform in the array will be treated as a flexible item

When to use it

Use it to organize a group of items (components/containers) inside the space of another container.

← Doc GalleryHR →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable