User Management Widgets
User Select tsm-user-lov
Selection of a user from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User",
"widget": {
"type": "tsm-user-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Code
Key: includeCode
Name: Code
Default: null
Hide avatar
Key: hideAvatar
Name: Hide avatar
Default: false
User group
Key: userGroups
Name: User group
Default: null
Characteristics filters
Key: chars
Name: Characteristics filters
Default: null
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: "string"
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: "id"
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-user-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hide avatar — gen-hide-avatar.json
Demonstrates config.hideAvatar = true on tsm-user-lov.
{
"type": "object",
"title": "User Select — Hide avatar",
"description": "Demonstrates config.hideAvatar = true on tsm-user-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"title": "Field",
"config": {
"hideAvatar": true
}
}
},
"layout": [
"field"
]
}
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": "User 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": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-lov.
{
"type": "object",
"title": "User Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-lov"
},
"type": "string",
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
User Role Select tsm-user-role-lov
Selection of a user role from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User Role",
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string"
}
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: "id"
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-user-role-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": "User Role 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": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-role-lov.
{
"type": "object",
"title": "User Role Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-role-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"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": "User Role 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": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"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": "User Role 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": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"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": "User Role 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": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"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": "User Role Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string",
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
User Group Select tsm-user-group-lov
Selection of a user group from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User Group",
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
User group
Key: userGroups
Name: User group
Default: null
User Group Type
Key: userGroupTypes
Name: User Group Type
Default: null
Characteristics filters
Key: chars
Name: Characteristics filters
Default: null
defaultFilters
Key: defaultFilters
Name: defaultFilters
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: "id"
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-user-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": "User 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": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-group-lov.
{
"type": "object",
"title": "User Group Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-group-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"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": "User 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": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"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": "User Group Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string",
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
User Group Type Select tsm-user-group-type-lov
Selection of a user group type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User Group Type",
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object"
}
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: false
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-user-group-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": "User Group 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": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-group-type-lov.
{
"type": "object",
"title": "User Group Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-group-type-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"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": "User Group 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": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"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": "User Group 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": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"showClear": true
}
}
},
"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": "User Group 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": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"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": "User Group Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
User Privilege Select tsm-user-privilege-lov
Selection of a user privilege from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User privilege",
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string"
}
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-user-privilege-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": "User Privilege 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": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-privilege-lov.
{
"type": "object",
"title": "User Privilege Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-privilege-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"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": "User Privilege 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": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"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": "User Privilege 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": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"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": "User Privilege 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": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"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": "User Privilege Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string",
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
User Type Select tsm-user-type-lov
Selection of a user type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User type",
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object"
}
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: false
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-user-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": "User 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": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-user-type-lov.
{
"type": "object",
"title": "User Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-user-type-lov.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"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": "User 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": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"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": "User 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": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"showClear": true
}
}
},
"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": "User 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": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"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": "User Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-type-lov"
},
"type": "object",
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
User User Group Select tsm-user-user-group-lov
Selection of a user group assigned to a user from a dropdown list.
Widget Or Layout: unknown
Value:
{
"title": "Select User User Group",
"widget": {
"type": "tsm-user-user-group-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
User
Key: userId
Name: User
Default: ""
User Avatar Group tsm-user-avatar-group
List of users displayed as an avatar group with the ability to expand, add and remove users.
Widget Or Layout: unknown
Value:
{
"title": "Users",
"widget": {
"type": "tsm-user-avatar-group"
},
"type": "array",
"config": {
"selectProperty": "id"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Default: "id"
User group
Key: userGroups
Name: User group
Default: null
Maximum number of visible avatars
Key: maxVisible
Name: Maximum number of visible avatars
Default: 5
Disable link to user detail
Key: disableUserDetailLink
Name: Disable link to user detail
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-user-avatar-group/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen disable user detail link — gen-disable-user-detail-link.json
Demonstrates config.disableUserDetailLink = true on tsm-user-avatar-group.
{
"type": "object",
"title": "User Avatar Group — Disable link to user detail",
"description": "Demonstrates config.disableUserDetailLink = true on tsm-user-avatar-group.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-avatar-group"
},
"type": "array",
"config": {
"selectProperty": "id",
"disableUserDetailLink": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen max visible — gen-max-visible.json
Demonstrates config.maxVisible = 10 on tsm-user-avatar-group.
{
"type": "object",
"title": "User Avatar Group — Maximum number of visible avatars",
"description": "Demonstrates config.maxVisible = 10 on tsm-user-avatar-group.",
"properties": {
"field": {
"widget": {
"type": "tsm-user-avatar-group"
},
"type": "array",
"config": {
"selectProperty": "id",
"maxVisible": 10
},
"title": "Field"
}
},
"layout": [
"field"
]
}