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

List

Shows a list of items retrieved from a DataSource.

Demo

Basic example

Attributes

AttributeTypeDescription
typestringType expected is list

See section Common attributes.

Extra attributes

AttributeTypeDescription
heightnumberHeight limit of the list in pixels, will show a scrollbar
linkUrlstringURL to go to when any item is clicked, usually an associated expression, e.g. {{$item.url}}
itemsstringArray of data options when dataSource is Static
titlestringText to show above the items list
titleLinkstringURL to go to when the title is clicked
collapsiblebooleanAllows the list to be collapsed by a button in the title
collapsedbooleanDefines if the list is collapsed by default. Keep in mind this is only an initial state due to user has the ability to change the state manually.

This component uses DataSource. See section DataSource.

Events

EventWhenAdditionalCancellable
List.dataLoadedList content is loadedDefinition + StateNo

See section Events for more information.

When to use it

Use it when you want to show information in a list style.

← Link ButtonModal →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable