Catalogs Widgets
Catalog Relation List tsm-catalog-specification-relationship-list
List of catalog relations in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Catalog Relation List",
"widget": {
"type": "tsm-catalog-specification-relationship-list"
}
}
Inputs
fromEntityType
Key: fromEntityType
Name: fromEntityType
Default: ""
toEntityType
Key: toEntityType
Name: toEntityType
Default: ""
filterEntityId
Key: filterEntityId
Name: filterEntityId
Default: ""
catalog
Key: catalog
Name: catalog
Default: ""
addRelationshipSuccessActions
Key: addRelationshipSuccessActions
Name: addRelationshipSuccessActions
Default: []
addRelationshipErrorActions
Key: addRelationshipErrorActions
Name: addRelationshipErrorActions
Default: []
Script
Key: addRelationshipScriptCode
Name: Script
Default: ""
Script data
Key: addRelationshipScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: addRelationshipHideScriptError
Name: Hide script error
Default: false
addRelationshipScriptSuccessActions
Key: addRelationshipScriptSuccessActions
Name: addRelationshipScriptSuccessActions
Default: []
addRelationshipScriptErrorActions
Key: addRelationshipScriptErrorActions
Name: addRelationshipScriptErrorActions
Default: []
deleteRelationshipSuccessActions
Key: deleteRelationshipSuccessActions
Name: deleteRelationshipSuccessActions
Default: []
deleteRelationshipErrorActions
Key: deleteRelationshipErrorActions
Name: deleteRelationshipErrorActions
Default: []
Script
Key: deleteRelationshipScriptCode
Name: Script
Default: ""
Script data
Key: deleteRelationshipScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: deleteRelationshipHideScriptError
Name: Hide script error
Default: false
deleteRelationshipScriptSuccessActions
Key: deleteRelationshipScriptSuccessActions
Name: deleteRelationshipScriptSuccessActions
Default: []
deleteRelationshipScriptErrorActions
Key: deleteRelationshipScriptErrorActions
Name: deleteRelationshipScriptErrorActions
Default: []
reverseRelationshipSuccessActions
Key: reverseRelationshipSuccessActions
Name: reverseRelationshipSuccessActions
Default: []
reverseRelationshipErrorActions
Key: reverseRelationshipErrorActions
Name: reverseRelationshipErrorActions
Default: []
Script
Key: reverseRelationshipScriptCode
Name: Script
Default: ""
Script data
Key: reverseRelationshipScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: reverseRelationshipHideScriptError
Name: Hide script error
Default: false
reverseRelationshipScriptSuccessActions
Key: reverseRelationshipScriptSuccessActions
Name: reverseRelationshipScriptSuccessActions
Default: []
reverseRelationshipScriptErrorActions
Key: reverseRelationshipScriptErrorActions
Name: reverseRelationshipScriptErrorActions
Default: []
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-catalog-specification-relationship-list/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen add relationship hide script error — gen-add-relationship-hide-script-error.json
Demonstrates config.addRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.
{
"type": "object",
"title": "Catalog Relation List — Hide script error",
"description": "Demonstrates config.addRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-catalog-specification-relationship-list"
},
"config": {
"addRelationshipHideScriptError": true
}
}
]
}
Gen delete relationship hide script error — gen-delete-relationship-hide-script-error.json
Demonstrates config.deleteRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.
{
"type": "object",
"title": "Catalog Relation List — Hide script error",
"description": "Demonstrates config.deleteRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-catalog-specification-relationship-list"
},
"config": {
"deleteRelationshipHideScriptError": true
}
}
]
}
Gen reverse relationship hide script error — gen-reverse-relationship-hide-script-error.json
Demonstrates config.reverseRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.
{
"type": "object",
"title": "Catalog Relation List — Hide script error",
"description": "Demonstrates config.reverseRelationshipHideScriptError = true on tsm-catalog-specification-relationship-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-catalog-specification-relationship-list"
},
"config": {
"reverseRelationshipHideScriptError": true
}
}
]
}
Catalog Privilege List tsm-catalog-priv
List of catalog privileges in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Catalog Privilege List",
"widget": {
"type": "tsm-catalog-priv"
}
}
Inputs
filterEntityId
Key: filterEntityId
Name: filterEntityId
Default: ""
category
Key: category
Name: category
Default: ""
specification
Key: specification
Name: specification
Default: ""
redirect
Key: redirect
Name: redirect
Default: true
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-catalog-priv/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen redirect — gen-redirect.json
Demonstrates config.redirect = false on tsm-catalog-priv.
{
"type": "object",
"title": "Catalog Privilege List — redirect",
"description": "Demonstrates config.redirect = false on tsm-catalog-priv.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-catalog-priv"
},
"config": {
"redirect": false
}
}
]
}
Catalog Select tsm-catalog-lov
Selection of a catalog from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Catalog",
"widget": {
"type": "tsm-catalog-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Listing ID
Key: listingId
Name: Listing ID
Default: "catalog-lov"
Filters
Key: defaultFilters
Name: Filters
Default: null
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
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: "single"
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-catalog-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": "Catalog 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-catalog-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-catalog-lov.
{
"type": "object",
"title": "Catalog Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-catalog-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-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": "Catalog 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-catalog-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": "Catalog 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-catalog-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": "Catalog 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-catalog-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": "Catalog 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-catalog-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Catalog Category Select tsm-catalog-category-lov
Selection of a catalog category from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Catalog Category",
"widget": {
"type": "tsm-catalog-category-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Catalog
Key: catalogCode
Name: Catalog
Default: null
Listing ID
Key: listingId
Name: Listing ID
Default: "catalog-category-lov"
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
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: "single"
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-catalog-category-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": "Catalog Category 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-catalog-category-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-catalog-category-lov.
{
"type": "object",
"title": "Catalog Category Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-catalog-category-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-category-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": "Catalog Category 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-catalog-category-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": "Catalog Category 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-catalog-category-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": "Catalog Category 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-catalog-category-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": "Catalog Category 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-catalog-category-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Catalog Specification Select tsm-catalog-specification-lov
Selection of a catalog specification / catalog category from a dropdown list. Data can be displayed in a tree structure.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Catalog Specification",
"widget": {
"type": "tsm-catalog-specification-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Entity type
Key: entityType
Name: Entity type
Default: null
Catalog
Key: catalogCode
Name: Catalog
Default: null
Catalog types
Key: catalogTypes
Name: Catalog types
Description: Catalog type code. If no specific catalog is selected, values from all catalogs of the specified type will be offered.
Example:
For one type: "PRODUCT"
For multiple types: ["SERVICE","RESOURCE","PRICELIST","SKILL","WORK","MATERIAL","OTHERS"]
Default: null
Category
Key: categoryCodes
Name: Category
Default: null
Exclude category codes
Key: excludeCategoryCodes
Name: Exclude category codes
Description: List of codes that will be excluded with filter
Default: null
Listing
Key: listingTypeCode
Name: Listing
Default: null
A profile that defines the display of columns
Key: profileId
Name: A profile that defines the display of columns
Default: null
Listing ID
Key: listingId
Name: Listing ID
Default: null
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
Default: null
Custom message for invalid item selection
Key: messageFromInvalidSelectItem
Name: Custom message for invalid item selection
Description: This message will be displayed if the user selects an item that does not meet the conditions specified in the "Select item filters" attribute.
Default: null
Default tree view mode
Key: defaultTreeViewMode
Name: Default tree view mode
Description: Tree view is used when applying an advanced filter via the magnifying glass or in the "Selection using listing (one or multiple values)" mode.
Default: false
Remove value on change
Key: removeValueOnChange
Name: Remove value on change
Description: When the component’s input data changes (filter settings, etc.), the selected value is always cleared.
Default: null
Automatically add children
Key: relationshipAddWithParent
Name: Automatically add children
Description: Automatically adds a filter to related entities (relationships[addWithParent = true]).
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-catalog-specification-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen default tree view mode — gen-default-tree-view-mode.json
Default tree view mode: Tree view is used when applying an advanced filter via the magnifying glass or in the "Selection using listing (one or multiple values)" mode.
{
"type": "object",
"title": "Catalog Specification Select — Default tree view mode",
"description": "Default tree view mode: Tree view is used when applying an advanced filter via the magnifying glass or in the \"Selection using listing (one or multiple values)\" mode.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-specification-lov"
},
"title": "Field",
"config": {
"defaultTreeViewMode": 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": "Catalog Specification 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-catalog-specification-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-catalog-specification-lov.
{
"type": "object",
"title": "Catalog Specification Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-catalog-specification-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-specification-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": "Catalog Specification 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-catalog-specification-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": "Catalog Specification 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-catalog-specification-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": "Catalog Specification 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-catalog-specification-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Catalog Specification Status Select tsm-catalog-specification-status-lov
Selection of a catalog specification status from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Catalog Specification Status",
"widget": {
"type": "tsm-catalog-specification-status-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filterable
Key: filterable
Name: Filterable
Default: true
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-catalog-specification-status-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen filterable — gen-filterable.json
Demonstrates config.filterable = false on tsm-catalog-specification-status-lov.
{
"type": "object",
"title": "Catalog Specification Status Select — Filterable",
"description": "Demonstrates config.filterable = false on tsm-catalog-specification-status-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-specification-status-lov"
},
"title": "Field",
"config": {
"filterable": false
}
}
},
"layout": [
"field"
]
}
Price Card tsm-price-list-detail
Card displaying pricing details.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Price Details",
"widget": {
"type": "tsm-price-list-detail"
}
}
Inputs
Catalog specification
Key: catalogSpecification
Name: Catalog specification
Default: ""
Default "With VAT" when creating a new price
Key: withVAT
Name: Default "With VAT" when creating a new price
Default: true
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-price-list-detail/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen with vat — gen-with-vat.json
Demonstrates config.withVAT = false on tsm-price-list-detail.
{
"type": "object",
"title": "Price Card — Default \"With VAT\" when creating a new price",
"description": "Demonstrates config.withVAT = false on tsm-price-list-detail.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-price-list-detail"
},
"config": {
"withVAT": false
}
}
]
}
Catalog Specification Type Select tsm-catalog-specification-type-lov
Selection of a catalog specification type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Catalog Specification Type",
"widget": {
"type": "tsm-catalog-specification-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Listing ID
Key: listingId
Name: Listing ID
Default: "catalog-specification-type-lov"
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: "single"
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-catalog-specification-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": "Catalog Specification 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-catalog-specification-type-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-catalog-specification-type-lov.
{
"type": "object",
"title": "Catalog Specification Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-catalog-specification-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-catalog-specification-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": "Catalog Specification 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-catalog-specification-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": "Catalog Specification 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-catalog-specification-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": "Catalog Specification 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-catalog-specification-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": "Catalog Specification 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-catalog-specification-type-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Entity Instance Location Required Select tsm-entity-instance-location-required-lov
Selection of entity instance location requirement from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select entity instance location requirement",
"widget": {
"type": "tsm-entity-instance-location-required-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filterable
Key: filterable
Name: Filterable
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-entity-instance-location-required-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen filterable — gen-filterable.json
Demonstrates config.filterable = true on tsm-entity-instance-location-required-lov.
{
"type": "object",
"title": "Entity Instance Location Required Select — Filterable",
"description": "Demonstrates config.filterable = true on tsm-entity-instance-location-required-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-instance-location-required-lov"
},
"title": "Field",
"config": {
"filterable": true
}
}
},
"layout": [
"field"
]
}