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

Select

Select one or more items from a dropdown.

Demo

Static & Single example

Attributes

AttributeTypeDescription
typestringType expected is select.

See section Common attributes.

Extra attributes

AttributeTypeDescription
linkUrlstringURL to go to when any item is clicked, usually an associated expression, e.g. {{$item.url}}
autocompleteMinLengthnumberMinimum length to start filtering if enableAutocomplete is true
enableAutocompletebooleanIf true, component will filter items based on typed text
multibooleanIf true, multiple values are stored
selectionErrorMessagestringCustom error message for invalid selection validation
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
minItemsErrorMessagestringCustom error message for minItems validation
maxItemsErrorMessagestringCustom error message for maxItems validation
clientSideFilteringbooleanSet it to false to disable client side filtering. Useful when the select is configured with a rest enpoint that filters the resultset itself.

This component uses DataSource. See section DataSource.

When to use it

Use it when multiple items are available or can be selected for only one input.

There are multiple combinations possible with this component depending on:

  • Single / Multi: Single value or multiple values are accepted
  • Static / Rest: Data comes with the definition or data need to be queryed
  • Full / Id: When new item is selected data stores the ID attribute or Full item data
← Assign ButtonText List →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable