Skip to main content
Version: 2.4

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

Default: null

Module

Key: module

Name: Module

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-process-instance-tasks/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen business keygen-business-key.json

Demonstrates widget.businessKey = "exampleValue" on tsm-process-instance-tasks.

{
"type": "object",
"title": "Process Inst. Tasks Bookmark — Business key",
"description": "Demonstrates widget.businessKey = \"exampleValue\" on tsm-process-instance-tasks.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-process-instance-tasks",
"businessKey": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen modulegen-module.json

Demonstrates widget.module = "exampleValue" on tsm-process-instance-tasks.

{
"type": "object",
"title": "Process Inst. Tasks Bookmark — Module",
"description": "Demonstrates widget.module = \"exampleValue\" on tsm-process-instance-tasks.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-process-instance-tasks",
"module": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-history/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen taskgen-task.json

Demonstrates widget.task = "exampleValue" on tsm-task-history.

{
"type": "object",
"title": "Task History Bookmark — Task",
"description": "Demonstrates widget.task = \"exampleValue\" on tsm-task-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-history",
"task": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-logs/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen taskgen-task.json

Demonstrates widget.task = "exampleValue" on tsm-task-logs.

{
"type": "object",
"title": "Task Logs Bookmark — Task",
"description": "Demonstrates widget.task = \"exampleValue\" on tsm-task-logs.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-logs",
"task": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-variables/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen taskgen-task.json

Demonstrates widget.task = "exampleValue" on tsm-task-variables.

{
"type": "object",
"title": "Task Variables Bookmark — Task",
"description": "Demonstrates widget.task = \"exampleValue\" on tsm-task-variables.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-variables",
"task": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

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 default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-process-definition-lov.

{
"type": "object",
"title": "Process Definition Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-process-definition-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-process-definition-lov.

{
"type": "object",
"title": "Process Definition Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-process-definition-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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",
"title": "Field",
"widget": {
"type": "tsm-process-definition-lov",
"showNoneText": false
}
}
},
"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

Default: null

Process instance ID

Key: processInstanceId

Name: Process instance ID

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-manipulation-historical/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen modulegen-module.json

Demonstrates widget.module = "exampleValue" on tsm-task-manipulation-historical.

{
"type": "object",
"title": "Process Manipulation History — Module",
"description": "Demonstrates widget.module = \"exampleValue\" on tsm-task-manipulation-historical.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-manipulation-historical",
"module": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen process instance idgen-process-instance-id.json

Demonstrates widget.processInstanceId = "exampleValue" on tsm-task-manipulation-historical.

{
"type": "object",
"title": "Process Manipulation History — Process instance ID",
"description": "Demonstrates widget.processInstanceId = \"exampleValue\" on tsm-task-manipulation-historical.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-manipulation-historical",
"processInstanceId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

Default: null

Module

Key: module

Name: 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 buttonsgen-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": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-card-container",
"actionsAsButtons": true
}
}
},
"layout": [
"field"
]
}

Gen business keygen-business-key.json

Demonstrates widget.businessKey = "exampleValue" on tsm-task-card-container.

{
"type": "object",
"title": "Task Card Container — Business key",
"description": "Demonstrates widget.businessKey = \"exampleValue\" on tsm-task-card-container.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-card-container",
"businessKey": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen hide user groupgen-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": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-card-container",
"hideUserGroup": true
}
}
},
"layout": [
"field"
]
}

Gen modulegen-module.json

Demonstrates widget.module = "exampleValue" on tsm-task-card-container.

{
"type": "object",
"title": "Task Card Container — Module",
"description": "Demonstrates widget.module = \"exampleValue\" on tsm-task-card-container.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-card-container",
"module": "exampleValue"
}
}
},
"layout": [
"field"
]
}

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

Default: null

Component selector

Key: selector

Name: Component selector

Description: Component selector

Default: ""

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-task-details/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen business keygen-business-key.json

Demonstrates widget.businessKey = "exampleValue" on tsm-task-details.

{
"type": "object",
"title": "Task Details Card — Business key",
"description": "Demonstrates widget.businessKey = \"exampleValue\" on tsm-task-details.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-details",
"businessKey": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen selectorgen-selector.json

Component selector: Component selector

{
"type": "object",
"title": "Task Details Card — Component selector",
"description": "Component selector: Component selector",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-task-details",
"selector": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Task Status Select tsm-task-status-lov

Selection of a task status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"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

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-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-task-status-lov.

{
"type": "object",
"title": "Task Status Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-task-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-task-status-lov.

{
"type": "object",
"title": "Task Status Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-task-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-lov",
"showNoneText": false
}
}
},
"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

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 default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-task-template-lov.

{
"type": "object",
"title": "Task Template Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-task-template-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-task-template-lov.

{
"type": "object",
"title": "Task Template Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-task-template-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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",
"title": "Field",
"widget": {
"type": "tsm-task-template-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

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

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 default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-process-group-lov.

{
"type": "object",
"title": "Process Group Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-process-group-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-process-group-lov.

{
"type": "object",
"title": "Process Group Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-process-group-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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",
"title": "Field",
"widget": {
"type": "tsm-process-group-lov",
"showNoneText": false
}
}
},
"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

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 default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-process-type-lov.

{
"type": "object",
"title": "Process Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-process-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-process-type-lov.

{
"type": "object",
"title": "Process Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-process-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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",
"title": "Field",
"widget": {
"type": "tsm-process-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

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

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 default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-task-status-group-lov.

{
"type": "object",
"title": "Task Status Group Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-task-status-group-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.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 widget.multiselect = true on tsm-task-status-group-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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",
"title": "Field",
"widget": {
"type": "tsm-task-status-group-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}