Process Management Widgets
Process Inst. Tasks Bookmark tsm-process-instance-tasks
Simple list of process instance tasks in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-process-instance-tasks"
}
}
Inputs
Business key
Key: businessKey
Name: Business key
Description: Business key
Default: null
Module
Key: module
Name: Module
Description: Module
Default: null
Task History Bookmark tsm-task-history
Simple list of task history entries in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-history"
}
}
Inputs
Task
Key: task
Name: Task
Default: null
Task Logs Bookmark tsm-task-logs
Simple list of task logs in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-logs"
}
}
Inputs
Task
Key: task
Name: Task
Default: null
Task Variables Bookmark tsm-task-variables
Simple list of task variables in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-variables"
}
}
Inputs
Task
Key: task
Name: Task
Default: null
Process Definition Select tsm-process-definition-lov
Selection of a process definition from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Process Definition",
"widget": {
"type": "tsm-process-definition-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-process-definition-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Process Definition Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-process-definition-lov.
{
"type": "object",
"title": "Process Definition Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-process-definition-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Process Definition Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Process Definition Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Process Definition Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Process Definition Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-definition-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Process Manipulation History tsm-task-manipulation-historical
History of process instance manipulations (operation log) in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-manipulation-historical"
},
"config": {
"module": "${$context.task.module}",
"processInstanceId": "${$context.task.processInstanceId}"
}
}
Inputs
Module
Key: module
Name: Module
Description: Module
Default: null
Process instance ID
Key: processInstanceId
Name: Process instance ID
Description: Process instance ID
Default: null
Task Card Container tsm-task-card-container
Active user-task cards rendered for the given business entity.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-card-container"
}
}
Inputs
Business key
Key: businessKey
Name: Business key
Description: Business key
Default: null
Module
Key: module
Name: Module
Description: Module
Default: null
Render actions as buttons
Key: actionsAsButtons
Name: Render actions as buttons
Description: When enabled, status transitions render as individual buttons instead of the "Select action" dropdown.
Default: false
Hide user group
Key: hideUserGroup
Name: Hide user group
Description: When enabled, the user group row is not displayed on the task card.
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-card-container/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen actions as buttons — gen-actions-as-buttons.json
Render actions as buttons: When enabled, status transitions render as individual buttons instead of the "Select action" dropdown.
{
"type": "object",
"title": "Task Card Container — Render actions as buttons",
"description": "Render actions as buttons: When enabled, status transitions render as individual buttons instead of the \"Select action\" dropdown.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-task-card-container"
},
"config": {
"actionsAsButtons": true
}
}
]
}
Gen hide user group — gen-hide-user-group.json
Hide user group: When enabled, the user group row is not displayed on the task card.
{
"type": "object",
"title": "Task Card Container — Hide user group",
"description": "Hide user group: When enabled, the user group row is not displayed on the task card.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-task-card-container"
},
"config": {
"hideUserGroup": true
}
}
]
}
Task Details Card tsm-task-details
Card displaying details of a specific task.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-details"
}
}
Inputs
Business key
Key: businessKey
Name: Business key
Description: Business key
Default: null
Component selector
Key: selector
Name: Component selector
Description: Component selector
Default: ""
Task Status Select tsm-task-status-lov
Selection of a task status from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Select Task status",
"widget": {
"type": "tsm-task-status-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "all"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-status-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Task Status Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-task-status-lov.
{
"type": "object",
"title": "Task Status Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-task-status-lov.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Task Status Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Task Status Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Task Status Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Task Status Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-task-status-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Task Template Select tsm-task-template-lov
Selection of a task template from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Task Template",
"widget": {
"type": "tsm-task-template-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-template-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Task Template Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-task-template-lov.
{
"type": "object",
"title": "Task Template Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-task-template-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Task Template Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Task Template Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Task Template Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Task Template Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-template-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Task Variables (IN/OUT) tsm-task-variables-io
IN/OUT picture of variables for a single activity run – what entered, left and what it changed.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-variables-io"
},
"config": {
"module": "${$context.task.module}",
"activityInstanceId": "${$context.task.id}"
}
}
Inputs
Module
Key: module
Name: Module
Description: Module
Default: null
Activity instance ID
Key: activityInstanceId
Name: Activity instance ID
Description: Activity instance ID
Default: null
Process Group Select tsm-process-group-lov
Selection of a process group from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Process Group",
"widget": {
"type": "tsm-process-group-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-process-group-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Process Group Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-process-group-lov.
{
"type": "object",
"title": "Process Group Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-process-group-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Process Group Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Process Group Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Process Group Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Process Group Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-group-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Process Type Select tsm-process-type-lov
Selection of a process type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Process Type",
"widget": {
"type": "tsm-process-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-process-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Process Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-process-type-lov.
{
"type": "object",
"title": "Process Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-process-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Process Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Process Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Process Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Process Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-process-type-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Process Variables (snapshot) tsm-process-variables
Full snapshot of all process instance variables.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-process-variables"
},
"config": {
"module": "${$context.task.module}",
"processInstanceId": "${$context.task.processInstanceId}"
}
}
Inputs
Module
Key: module
Name: Module
Description: Module
Default: null
Process instance ID
Key: processInstanceId
Name: Process instance ID
Description: Process instance ID
Default: null
Task Status Group Select tsm-task-status-group-lov
Selection of a task status group from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Task status group",
"widget": {
"type": "tsm-task-status-group-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-status-group-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Task Status Group Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-task-status-group-lov.
{
"type": "object",
"title": "Task Status Group Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-task-status-group-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Task Status Group Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Task Status Group Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Task Status Group Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Task Status Group Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-task-status-group-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}