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

Modal

Emergent window which is a 12 column layout container.

Demo

Basic example

Attributes

AttributeTypeDescription
typestringType expected is modal

See section Common attributes.

Extra attributes

AttributeTypeDescription
layoutDefinitionObjectDefinition with rows and cols as for any other form
modalButtonTextstringText to show as button to open the modal
saveButtonTextstringText in OK button once modal is opened
saveButtonVisiblebooleanWhether or not to show OK button. Can be expression.
saveButtonEnabledbooleanWhether or not to enable OK button. Can be expression.
cancelButtonTextstringText in Cancel button once modal is opened
cancelButtonVisiblebooleanWhether or not to show Cancel button. Can be expression.
cancelButtonEnabledbooleanWhether or not to enable Cancel button. Can be expression.
modalOpenstringSimple expression associated to open the modal
widthstringCan be expressed as pixels or percent. Default is pixels. e.g. 300px or 80%

NOTE
Please, keep in mind that modalButtonText will force modal with a button and modalOpen will try to work without button and both cannot be used in the same definition.

When to use it

Use it to show a panel containter definition as a controlled emergent window.

← ListNumber →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable