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

Sub-Form

12 column container component with optional repeating.

Demo

Basic example

Attributes

AttributeTypeDescription
typestringType expected is subform

See section Common attributes.

Extra attributes

AttributeTypeDescription
layoutDefinitionObjectDefinition with rows and cols as for a form
multipleEntriesbooleanIf true layoutDefinition can be repeated for multiple different inputs (often rows)
showBorderbooleanIt shows a border around the Sub-Form
showAddButtonbooleanWhen multiple entries is true, it will show/hide add button
showDeleteButtonbooleanWhen multiple entries is true, it will show/hide delete buttons
minItemsnumberWhen multipleEntries is true, it requires to have a minimum number if items
maxItemsnumberWhen multipleEntries is true, it requires to have a maximum number if items
collapsiblebooleanAllows the content to be collapsed by a button in the title
collapsedbooleanDefines if the content is collapsed by default.
NOTE: Only as initial state due to user has the ability to change the state manually.
addButtonTextstringCustom text for the ADD button shown when multipleEntries is true
minItemsErrorMessagestringCustom error message for minItems validation
maxItemsErrorMessagestringCustom error message for maxItems validation

When to use it

Use a subform when you want:

  • all the components in the subform to be bound relative to an attribute in the payload (value should point to that attribute)
  • to edit a list of elements of the same type (multipleEntries = true)

If you just need to group some components together, use a Panel component.

← Text ListTabs →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable