Ordering Widgets
Order List tsm-order-list-widget
Order list in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"title": "Order List",
"widget": {
"type": "tsm-order-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
newRecordConfig
Key: newRecordConfig
Name: newRecordConfig
Default: null
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.
customerId
Key: customerId
Name: customerId
Default: null
accountId
Key: accountId
Name: accountId
Default: null
hideCreateButton
Key: hideCreateButton
Name: hideCreateButton
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "single"
ID item field
Key: rowIdField
Name: ID item field
Default: ""
Detail url
Key: detailUrl
Name: Detail url
Default: "/ordering/order"
id
Key: id
Name: id
Default: null
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.
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-order-list-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hide create button — gen-hide-create-button.json
Demonstrates config.hideCreateButton = true on tsm-order-list-widget.
{
"type": "object",
"title": "Order List — hideCreateButton",
"description": "Demonstrates config.hideCreateButton = true on tsm-order-list-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"hideCreateButton": true
}
}
]
}
Gen row id field — gen-row-id-field.json
Demonstrates config.rowIdField = "name" on tsm-order-list-widget.
{
"type": "object",
"title": "Order List — ID item field",
"description": "Demonstrates config.rowIdField = \"name\" on tsm-order-list-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"rowIdField": "name"
}
}
]
}
Order line list tsm-order-line-widget
Order line in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"title": "Order line list",
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
Open detail type
Key: openDetailType
Name: Open detail type
Description: Select how to open the detail after double-clicking.
Default: "EntityInstanceConfiguration"
Order line type
Key: lineType
Name: Order line type
Default: "__ref:OrderLineType.PRODUCT"
Add new configuration label
Key: addNewConfigurationLabel
Name: Add new configuration label
Default: null
Show button: Add relationship on Specification/Service
Key: showAddRelationshipOnSpecificationOrService
Name: Show button: Add relationship on Specification/Service
Default: true
Show button: Add relationship on Inventory
Key: showAddRelationshipOnInventory
Name: Show button: Add relationship on Inventory
Default: true
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Default: true
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Default: true
Order
Key: orderId
Name: Order
Description: Order
Default: null
Customer
Key: customerId
Name: Customer
Description: Customer
Default: null
Show button - Select work on service
Key: showChooseWorkOnService
Name: Show button - Select work on service
Default: true
Selection mode
Key: selectionMode
Name: Selection mode
Default: "single"
Catalog selection mode
Key: catalogSelectionMode
Name: Catalog selection mode
Default: "single"
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Default: null
Catalog filters
Key: catalogFilters
Name: Catalog filters
Default: []
Work catalog filters
Key: workCatalogFilters
Name: Work catalog filters
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-order-line-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show add exists configuration — gen-show-add-exists-configuration.json
Demonstrates config.showAddExistsConfiguration = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button - Add exists configuration",
"description": "Demonstrates config.showAddExistsConfiguration = false on tsm-order-line-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"showAddExistsConfiguration": false
}
}
]
}
Gen show add new configuration — gen-show-add-new-configuration.json
Demonstrates config.showAddNewConfiguration = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button - Add new configuration",
"description": "Demonstrates config.showAddNewConfiguration = false on tsm-order-line-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"showAddNewConfiguration": false
}
}
]
}
Gen show add relationship on inventory — gen-show-add-relationship-on-inventory.json
Demonstrates config.showAddRelationshipOnInventory = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button: Add relationship on Inventory",
"description": "Demonstrates config.showAddRelationshipOnInventory = false on tsm-order-line-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"showAddRelationshipOnInventory": false
}
}
]
}
Gen show add relationship on specification or service — gen-show-add-relationship-on-specification-or-service.json
Demonstrates config.showAddRelationshipOnSpecificationOrService = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button: Add relationship on Specification/Service",
"description": "Demonstrates config.showAddRelationshipOnSpecificationOrService = false on tsm-order-line-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"showAddRelationshipOnSpecificationOrService": false
}
}
]
}
Gen show choose work on service — gen-show-choose-work-on-service.json
Demonstrates config.showChooseWorkOnService = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button - Select work on service",
"description": "Demonstrates config.showChooseWorkOnService = false on tsm-order-line-widget.",
"properties": {},
"layout": [
{
"widget": {
"type": "tsm-order-line-widget"
},
"type": "layout",
"config": {
"pageSize": 10,
"showChooseWorkOnService": false
}
}
]
}
Order Task List tsm-order-task-list
Order task list in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"title": "Order Task List",
"widget": {
"type": "tsm-order-task-list"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
openDetailType
Key: openDetailType
Name: openDetailType
Default: null
exportPriv
Key: exportPriv
Name: exportPriv
Default: null
Selection mode
Key: selectionMode
Name: Selection mode
Default: "single"
selectFirstRow
Key: selectFirstRow
Name: selectFirstRow
Default: null
hideMassMigrationProcess
Key: hideMassMigrationProcess
Name: hideMassMigrationProcess
Default: null
hideMassModificationProcess
Key: hideMassModificationProcess
Name: hideMassModificationProcess
Default: null
hideMassAssume
Key: hideMassAssume
Name: hideMassAssume
Default: null
hideMassHandover
Key: hideMassHandover
Name: hideMassHandover
Default: null
hideMassAssumeGroup
Key: hideMassAssumeGroup
Name: hideMassAssumeGroup
Default: null
hideProcessInstanceModificationStatus
Key: hideProcessInstanceModificationStatus
Name: hideProcessInstanceModificationStatus
Default: null
hideMoveTask
Key: hideMoveTask
Name: hideMoveTask
Default: null
hideRestartTask
Key: hideRestartTask
Name: hideRestartTask
Default: null
hideSkipTask
Key: hideSkipTask
Name: hideSkipTask
Default: null
hideRestartProcess
Key: hideRestartProcess
Name: hideRestartProcess
Default: null
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.
Related Entity Order List tsm-order-list-related-entity-widget
Related entity order list in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"title": "Related Entity Order List",
"widget": {
"type": "tsm-order-list-related-entity-widget"
},
"type": "layout",
"config": {}
}
Inputs
ticketId
Key: ticketId
Name: ticketId
Default: null
refId
Key: refId
Name: refId
Default: null
refType
Key: refType
Name: refType
Default: null
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Default: null
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.
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.
Orders Bookmark tsm-orders-bookmark
Simple list of orders in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-orders-bookmark"
}
}
Inputs
Account
Key: accountId
Name: Account
Description: Account
Default: null
Customer
Key: customerId
Name: Customer
Description: Customer
Default: null
Quote
Key: quoteRef
Name: Quote
Description: Quote
Default: null
Preview mode
Key: previewMode
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Default: null
Table view
Key: tableView
Name: Table view
Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
Default: false
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Default: null
Show create button
Key: showNewOrder
Name: Show create button
Default: true
Show row actions menu
Key: showRowMenu
Name: Show row actions menu
Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
Default: true
New Form Settings
Key: newRecordConfig
Name: New Form Settings
Default: null
Filters
Key: defaultFilters
Name: Filters
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-orders-bookmark/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show new order — gen-show-new-order.json
Demonstrates config.showNewOrder = false on tsm-orders-bookmark.
{
"type": "object",
"title": "Orders Bookmark — Show create button",
"description": "Demonstrates config.showNewOrder = false on tsm-orders-bookmark.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-orders-bookmark"
},
"config": {
"showNewOrder": false
}
}
]
}
Gen show row menu — gen-show-row-menu.json
Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
{
"type": "object",
"title": "Orders Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-orders-bookmark"
},
"config": {
"showRowMenu": false
}
}
]
}
Gen table view — gen-table-view.json
Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
{
"type": "object",
"title": "Orders Bookmark — Table view",
"description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-orders-bookmark"
},
"config": {
"tableView": true
}
}
]
}
Order Lines Bookmark tsm-order-line-bookmark
Simple list of order lines in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark"
}
}
Inputs
Open detail type
Key: openDetailType
Name: Open detail type
Description: Select how to open the detail after double-clicking.
Default: "EntityInstanceConfiguration"
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Default: "__ref:DataViewModeEnum.TABLE_FULLSCREEN"
Order
Key: order
Name: Order
Description: Order
Default: null
Type
Key: type
Name: Type
Description: Type
Default: null
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
Description: For example: [{"header": "Header", "field": "chars.myChar"}]
Default: null
Preview mode
Key: previewMode
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Default: null
Table view
Key: tableView
Name: Table view
Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
Default: false
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Default: null
Show row actions menu
Key: showRowMenu
Name: Show row actions menu
Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
Default: true
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Default: "__ref:DEFAULT_VALUES.showAddNewConfiguration"
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Default: "__ref:DEFAULT_VALUES.showAddExistsConfiguration"
Show work
Key: showWork
Name: Show work
Default: "__ref:DEFAULT_VALUES.showWork"
Show button - Select work on service
Key: showChooseWorkOnService
Name: Show button - Select work on service
Default: "__ref:DEFAULT_VALUES.showChooseWorkOnService"
Show operation
Key: showOperation
Name: Show operation
Default: "__ref:DEFAULT_VALUES.showOperation"
Show name
Key: showName
Name: Show name
Default: "__ref:DEFAULT_VALUES.showName"
Show category
Key: showCategory
Name: Show category
Default: "__ref:DEFAULT_VALUES.showCategory"
Show product id
Key: showProductId
Name: Show product id
Default: "__ref:DEFAULT_VALUES.showProductId"
Show product code
Key: showProductCode
Name: Show product code
Default: "__ref:DEFAULT_VALUES.showProductCode"
Show price
Key: showPrice
Name: Show price
Default: "__ref:DEFAULT_VALUES.showPrice"
Show active status
Key: showActiveStatus
Name: Show active status
Default: "__ref:DEFAULT_VALUES.showActiveStatus"
Show type (OrderLine/Inventory)
Key: showType
Name: Show type (OrderLine/Inventory)
Default: "__ref:DEFAULT_VALUES.showType"
Catalogs offered in the selection
Key: catalogCodes
Name: Catalogs offered in the selection
Description: Limits the offered specifications to the selected catalogs. The service provisioning tab offers only catalogs whose ordering area is Service provisioning; catalogs with no area belong to orders.
Default: []
Specification types offered in the selection
Key: entitySpecificationTypes
Name: Specification types offered in the selection
Description: Limits the offered items to the selected catalog specification types. An empty selection means no restriction.
Default: []
Work catalogs offered in the selection
Key: workCatalogCodes
Name: Work catalogs offered in the selection
Description: Limits the offered work to the selected catalogs. The same ordering area rule applies as for item catalogs.
Default: []
Work specification types offered in the selection
Key: workEntitySpecificationTypes
Name: Work specification types offered in the selection
Description: Limits the offered work to the selected catalog specification types. An empty selection means no restriction.
Default: []
Filters
Key: entitySpecificationFilter
Name: Filters
Description: filterHelpTooltip
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-line-bookmark/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show row menu — gen-show-row-menu.json
Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
{
"type": "object",
"title": "Order Lines Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark"
},
"config": {
"showRowMenu": false
}
}
]
}
Gen table view — gen-table-view.json
Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
{
"type": "object",
"title": "Order Lines Bookmark — Table view",
"description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark"
},
"config": {
"tableView": true
}
}
]
}
Order lines Bookmark Params tsm-order-line-bookmark-params
Simple list of order lines in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
}
}
Inputs
Open detail type
Key: openDetailType
Name: Open detail type
Description: Select how to open the detail after double-clicking.
Default: "EntityInstanceConfiguration"
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Default: "__ref:DataViewModeEnum.TABLE_FULLSCREEN"
Order
Key: order
Name: Order
Description: Order
Default: null
Type
Key: type
Name: Type
Description: Type
Default: null
Preview mode
Key: previewMode
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Default: null
Table view
Key: tableView
Name: Table view
Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
Default: true
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Default: null
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Default: true
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Default: true
Show button - Select work on service
Key: showChooseWorkOnService
Name: Show button - Select work on service
Default: true
Show operation
Key: showOperation
Name: Show operation
Default: true
Show name
Key: showName
Name: Show name
Default: true
Show category
Key: showCategory
Name: Show category
Default: true
Show work
Key: showWork
Name: Show work
Default: true
Show product id
Key: showProductId
Name: Show product id
Default: true
Show product code
Key: showProductCode
Name: Show product code
Default: true
Show price
Key: showPrice
Name: Show price
Default: true
Show type (OrderLine/Inventory)
Key: showType
Name: Show type (OrderLine/Inventory)
Default: false
Show button - Add relationship on inventory
Key: showAddRelationshipOnInventory
Name: Show button - Add relationship on inventory
Default: true
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
Default: null
Show button - Add relationship
Key: showAddRelationshipOnSpecification
Name: Show button - Add relationship
Description: The button is displayed based on the category codes from the catalog
Default: null
Restrict selection of add-on services and products
Key: relationshipTypeReducePrivileges
Name: Restrict selection of add-on services and products
Description: Restrict selection of add-on services and products based on a map where the key is the relationship code and the value is an array of privileges.
Default: null
Allow editing of parameters
Key: catalogSpecificationReducePrivileges
Name: Allow editing of parameters
Description: Allow editing of parameters based on the privileges defined on the catalog item that the user has.
Default: null
Category codes for which the remove button should be displayed.
Key: showRemoveItemForCategory
Name: Category codes for which the remove button should be displayed.
Description: Category codes for which the "Remove product/service/etc." button should be displayed. E.g. ["Service"]
Default: null
Filters
Key: entitySpecificationFilter
Name: Filters
Description: Filters
Default: {"catalogCodes":[],"entitySpecificationTypes":[],"workCatalogCodes":[],"workEntitySpecificationTypes":[]}
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-line-bookmark-params/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show add exists configuration — gen-show-add-exists-configuration.json
Demonstrates config.showAddExistsConfiguration = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show button - Add exists configuration",
"description": "Demonstrates config.showAddExistsConfiguration = false on tsm-order-line-bookmark-params.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"showAddExistsConfiguration": false
}
}
]
}
Gen show add new configuration — gen-show-add-new-configuration.json
Demonstrates config.showAddNewConfiguration = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show button - Add new configuration",
"description": "Demonstrates config.showAddNewConfiguration = false on tsm-order-line-bookmark-params.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"showAddNewConfiguration": false
}
}
]
}
Gen show choose work on service — gen-show-choose-work-on-service.json
Demonstrates config.showChooseWorkOnService = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show button - Select work on service",
"description": "Demonstrates config.showChooseWorkOnService = false on tsm-order-line-bookmark-params.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"showChooseWorkOnService": false
}
}
]
}
Gen show name — gen-show-name.json
Demonstrates config.showName = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show name",
"description": "Demonstrates config.showName = false on tsm-order-line-bookmark-params.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"showName": false
}
}
]
}
Gen show operation — gen-show-operation.json
Demonstrates config.showOperation = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show operation",
"description": "Demonstrates config.showOperation = false on tsm-order-line-bookmark-params.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"showOperation": false
}
}
]
}
Gen table view — gen-table-view.json
Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
{
"type": "object",
"title": "Order lines Bookmark Params — Table view",
"description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"tableView": false
}
}
]
}
Order Lines Checklist tsm-order-line-checklist
Simple list of order lines with checklist in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
}
}
Inputs
Show operation
Key: showOperation
Name: Show operation
Default: true
Show name
Key: showName
Name: Show name
Default: true
Show category
Key: showCategory
Name: Show category
Default: true
Show work
Key: showWork
Name: Show work
Default: false
Show product id
Key: showProductId
Name: Show product id
Default: false
Show product code
Key: showProductCode
Name: Show product code
Default: false
Show price
Key: showPrice
Name: Show price
Default: false
Show checkbox
Key: showCheckbox
Name: Show checkbox
Default: true
Order
Key: orderId
Name: Order
Description: Order
Default: null
Type
Key: type
Name: Type
Description: Type
Default: null
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
Default: null
Enable row expansion
Key: enableRowExpansion
Name: Enable row expansion
Description: Expands row with displayed form from Entity Instance Configuration of the row by form specification name
Default: false
Form specification name
Key: formSpecificationName
Name: Form specification name
Default: ""
Context
Key: context
Name: Context
Default: null
Filters
Key: defaultFilters
Name: Filters
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-line-checklist/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show category — gen-show-category.json
Demonstrates config.showCategory = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show category",
"description": "Demonstrates config.showCategory = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showCategory": false
}
}
},
"layout": [
"field"
]
}
Gen show name — gen-show-name.json
Demonstrates config.showName = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show name",
"description": "Demonstrates config.showName = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showName": false
}
}
},
"layout": [
"field"
]
}
Gen show operation — gen-show-operation.json
Demonstrates config.showOperation = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show operation",
"description": "Demonstrates config.showOperation = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showOperation": false
}
}
},
"layout": [
"field"
]
}
Gen show product code — gen-show-product-code.json
Demonstrates config.showProductCode = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show product code",
"description": "Demonstrates config.showProductCode = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showProductCode": true
}
}
},
"layout": [
"field"
]
}
Gen show product id — gen-show-product-id.json
Demonstrates config.showProductId = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show product id",
"description": "Demonstrates config.showProductId = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showProductId": true
}
}
},
"layout": [
"field"
]
}
Gen show work — gen-show-work.json
Demonstrates config.showWork = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show work",
"description": "Demonstrates config.showWork = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-line-checklist"
},
"title": "Field",
"config": {
"showWork": true
}
}
},
"layout": [
"field"
]
}
Order overview from inventory tsm-order-order-line-info-inventory
Simple order overview based on EntityInstanceConfiguration.id.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
}
}
Inputs
Entity Instance Configuration
Key: entityInstanceConfigurationId
Name: Entity Instance Configuration
Description: Entity Instance Configuration
Default: null
Hide operation
Key: hideOperation
Name: Hide operation
Default: false
Hide subject
Key: hideSubject
Name: Hide subject
Default: false
Hide order date
Key: hideOrderDate
Name: Hide order date
Default: false
Hide requested date
Key: hideRequestedDate
Name: Hide requested date
Default: false
Hide delivery date
Key: hideDeliveryDate
Name: Hide delivery date
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-order-line-info-inventory/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hide delivery date — gen-hide-delivery-date.json
Demonstrates config.hideDeliveryDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide delivery date",
"description": "Demonstrates config.hideDeliveryDate = true on tsm-order-order-line-info-inventory.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
},
"config": {
"hideDeliveryDate": true
}
}
]
}
Gen hide operation — gen-hide-operation.json
Demonstrates config.hideOperation = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide operation",
"description": "Demonstrates config.hideOperation = true on tsm-order-order-line-info-inventory.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
},
"config": {
"hideOperation": true
}
}
]
}
Gen hide order date — gen-hide-order-date.json
Demonstrates config.hideOrderDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide order date",
"description": "Demonstrates config.hideOrderDate = true on tsm-order-order-line-info-inventory.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
},
"config": {
"hideOrderDate": true
}
}
]
}
Gen hide requested date — gen-hide-requested-date.json
Demonstrates config.hideRequestedDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide requested date",
"description": "Demonstrates config.hideRequestedDate = true on tsm-order-order-line-info-inventory.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
},
"config": {
"hideRequestedDate": true
}
}
]
}
Gen hide subject — gen-hide-subject.json
Demonstrates config.hideSubject = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide subject",
"description": "Demonstrates config.hideSubject = true on tsm-order-order-line-info-inventory.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-order-line-info-inventory"
},
"config": {
"hideSubject": true
}
}
]
}
Quotes Bookmark tsm-quotes-bookmark
Simple list of quotes in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-quotes-bookmark"
}
}
Inputs
Account
Key: accountId
Name: Account
Description: Account
Default: null
Customer
Key: customerId
Name: Customer
Description: Customer
Default: null
Table view
Key: tableView
Name: Table view
Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
Default: false
Show row actions menu
Key: showRowMenu
Name: Show row actions menu
Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
Default: true
Filters
Key: defaultFilters
Name: Filters
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-quotes-bookmark/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show row menu — gen-show-row-menu.json
Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.
{
"type": "object",
"title": "Quotes Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-quotes-bookmark"
},
"config": {
"showRowMenu": false
}
}
]
}
Gen table view — gen-table-view.json
Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.
{
"type": "object",
"title": "Quotes Bookmark — Table view",
"description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-quotes-bookmark"
},
"config": {
"tableView": true
}
}
]
}
Order Select tsm-order-lov
Selection of an order from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select an Order",
"widget": {
"type": "tsm-order-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Customer
Key: customerId
Name: Customer
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: "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: ["subject"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-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": "Order 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-order-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-order-lov.
{
"type": "object",
"title": "Order Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-order-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-order-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": "Order 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-order-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": "Order 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-order-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": "Order 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-order-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": "Order 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-order-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Product Offer Select tsm-product-select-widget
Selection of a product offer from a list.
Widget Or Layout: unknown
Value:
{
"widget": {
"type": "tsm-product-select-widget"
},
"type": "object",
"config": {}
}
Inputs
Optional CSS class
Key: customCssClass
Name: Optional CSS class
Description: An optional CSS class to modify the style of this component. <span class="font-semibold">Examples:</span> <code>text-2xl bg-red-500 flex w-full gap-2 flex-col p-4</code>
Default: null
Default value
Key: default
Name: Default value
Default: null
Address
Key: addressId
Name: Address
Default: null
Script
Key: scriptCode
Name: Script
Default: null
Script data
Key: scriptData
Name: Script data
Default: null
Show currency symbol
Key: showCurrencySymbol
Name: Show currency symbol
Default: true
Multiselect
Key: multiselect
Name: Multiselect
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-product-select-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Multiselect",
"description": "Demonstrates config.multiselect = true on tsm-product-select-widget.",
"properties": {
"field": {
"widget": {
"type": "tsm-product-select-widget"
},
"type": "object",
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show currency symbol — gen-show-currency-symbol.json
Demonstrates config.showCurrencySymbol = false on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Show currency symbol",
"description": "Demonstrates config.showCurrencySymbol = false on tsm-product-select-widget.",
"properties": {
"field": {
"widget": {
"type": "tsm-product-select-widget"
},
"type": "object",
"config": {
"showCurrencySymbol": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Order Status Bar tsm-order-steps
Overview of the current status of the order with quick switching options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-order-steps"
},
"config": {
"order": "${$context.entity}"
}
}
Inputs
Order
Key: order
Name: Order
Description: Order
Default: null
Order Status Select tsm-order-status-lov
Selection of an order status from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select an order status",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
}
}
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: "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: "code"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name","code"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-status-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Order 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",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-order-status-lov.
{
"type": "object",
"title": "Order Status Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-order-status-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"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": "Order 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",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"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": "Order 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",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"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": "Order 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",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"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": "Order Status Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-order-status-lov",
"readonly": false
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Order Type Select tsm-order-type-lov
Selection of an order type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Select an order type",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
}
}
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-order-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": "Order 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": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-order-type-lov.
{
"type": "object",
"title": "Order Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-order-type-lov.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"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": "Order 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": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"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": "Order 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": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"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": "Order 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": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"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": "Order 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": "object",
"widget": {
"type": "tsm-order-type-lov",
"readonly": false
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}