Skip to main content
Version: 2.5

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 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: ID of the quote whose orders are shown, e.g. ${$context.entity.id}

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

Allow creating in read-only mode

Key: allowNewOrderWhenReadonly

Name: Allow creating in read-only mode

Description: The new order button stays available in read-only mode.

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

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 allow new order when readonly — gen-allow-new-order-when-readonly.json

Allow creating in read-only mode: The new order button stays available in read-only mode.

{
"type": "object",
"title": "Orders Bookmark — Allow creating in read-only mode",
"description": "Allow creating in read-only mode: The new order button stays available in read-only mode.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-orders-bookmark"
},
"config": {
"allowNewOrderWhenReadonly": true
}
}
]
}

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.TREE_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"

Allow creating in read-only mode

Key: allowNewOrderLineWhenReadonly

Name: Allow creating in read-only mode

Description: The add order line buttons stay enabled in read-only mode.

Default: false

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: Catalog selection filter: Limits what is offered when adding items from the catalog. It is entered either by selection or by expression - never both. Switching the mode discards the current value. The stored value is an object with four optional arrays of codes; an empty array or a missing key means no restriction: catalogCodes catalogs offered when picking items entitySpecificationTypes specification types there workCatalogCodes work catalogs - only for the WFM type workEntitySpecificationTypes work specification types - only for the WFM type On top of that the offer is always limited to the catalog type from the Type field. An expression usually takes the value from the order type; the section has to match the selected type (rootProductFilter / rootServiceFilter / rootWfmFilter). Entered by selection (the stored object): { "catalogCodes": ["CATALOG_A"], "entitySpecificationTypes": [] } Entered by expression: $context.entity.orderType.entitySpecificationFilter != null? $context.entity.orderType.entitySpecificationFilter.rootServiceFilter: null

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 allow new order line when readonly — gen-allow-new-order-line-when-readonly.json

Allow creating in read-only mode: The add order line buttons stay enabled in read-only mode.

{
"type": "object",
"title": "Order Lines Bookmark — Allow creating in read-only mode",
"description": "Allow creating in read-only mode: The add order line buttons stay enabled in read-only mode.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark"
},
"config": {
"allowNewOrderLineWhenReadonly": true
}
}
]
}

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.TREE_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

Allow creating in read-only mode

Key: allowNewOrderLineWhenReadonly

Name: Allow creating in read-only mode

Description: The add order line buttons stay enabled in read-only mode.

Default: false

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 allow new order line when readonly — gen-allow-new-order-line-when-readonly.json

Allow creating in read-only mode: The add order line buttons stay enabled in read-only mode.

{
"type": "object",
"title": "Order lines Bookmark Params — Allow creating in read-only mode",
"description": "Allow creating in read-only mode: The add order line buttons stay enabled in read-only mode.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-order-line-bookmark-params"
},
"config": {
"allowNewOrderLineWhenReadonly": true
}
}
]
}

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 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

Parent order line

Key: parentOrderLineId

Name: Parent order line

Description: Order line ID. When set, the widget works only with the order lines under this line (at any nesting level). Empty value = all order lines of the 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.

Lines under parent order line — 01-lines-under-parent-order-line.json

tsm-order-line-checklist on a form over the order: orderId loads the lines of the order and parentOrderLineId limits them to the subtree of the bundle order line held in the form value (children at any nesting level, without the parent itself). config.type still filters the line type inside that subtree. While parentOrderLineId is empty the widget works with all lines of the order.

{
"type": "object",
"title": "Order Lines Checklist — lines under the parent order line",
"description": "tsm-order-line-checklist on a form over the order: orderId loads the lines of the order and parentOrderLineId limits them to the subtree of the bundle order line held in the form value (children at any nesting level, without the parent itself). config.type still filters the line type inside that subtree. While parentOrderLineId is empty the widget works with all lines of the order.",
"properties": {
"bundleOrderLineId": {
"type": "string",
"title": "Řádek balíčku",
"widget": {
"type": "text",
"readonly": true
}
},
"bundleLinesChecklist": {
"type": "object",
"title": "Řádky balíčku",
"widget": {
"type": "tsm-order-line-checklist"
},
"config": {
"orderId": "${$context.entity.id}",
"parentOrderLineId": "${$value.bundleOrderLineId}",
"type": "PRODUCT"
}
}
},
"layout": [
"bundleOrderLineId",
"bundleLinesChecklist"
]
}

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 create button

Key: showNewQuote

Name: Show create button

Default: true

Allow creating in read-only mode

Key: allowNewQuoteWhenReadonly

Name: Allow creating in read-only mode

Description: The new quote button stays available in read-only mode.

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 allow new quote when readonly — gen-allow-new-quote-when-readonly.json

Allow creating in read-only mode: The new quote button stays available in read-only mode.

{
"type": "object",
"title": "Quotes Bookmark — Allow creating in read-only mode",
"description": "Allow creating in read-only mode: The new quote button stays available in read-only mode.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-quotes-bookmark"
},
"config": {
"allowNewQuoteWhenReadonly": true
}
}
]
}

Gen show new quote — gen-show-new-quote.json

Demonstrates config.showNewQuote = false on tsm-quotes-bookmark.

{
"type": "object",
"title": "Quotes Bookmark — Show create button",
"description": "Demonstrates config.showNewQuote = false on tsm-quotes-bookmark.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-quotes-bookmark"
},
"config": {
"showNewQuote": 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": "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": "array",
"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.

Business id — 01-business-id.json

Prefills an identified offer. Replace the example address and script with a compatible server-side offer source.

{
"type": "object",
"title": "Product offer with a stable business ID",
"description": "Prefills an identified offer. Replace the example address and script with a compatible server-side offer source.",
"properties": {
"productOffer": {
"type": "object",
"title": "Product offer",
"widget": {
"type": "tsm-product-select-widget"
},
"config": {
"addressId": "00000000-0000-7000-8000-000000000042",
"scriptCode": "Order.Pac.Baliky"
},
"default": {
"id": "currentBundle:bundle-42",
"offerName": "Internet 600",
"products": [
{
"productName": "Internet 600",
"productCode": "INTERNET_600",
"productPrice": 25
}
],
"totalPrice": 25,
"commitment": 24
}
}
},
"layout": [
"productOffer"
]
}

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": "array",
"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"
]
}

Notes​

Script-backed product offers with preserved business identity.

Complexity: intermediate

Tags: ordering, product-offer, business-id

The script returns OfferGroup[] with Offer objects. A nonempty Offer.id is a stable business identifier and must be unique among the available offers. User selections preserve it in radio, dropdown, and multiselect values; generated UI UUIDs are private and never emitted. A nonempty ID matches preselection by identity even when presentation fields differ. Values without an ID use legacy content matching excluding the top-level ID. Single selection returns an Offer or null; multiselect returns Offer[]. The business-ID fixture intentionally initializes a selection and needs a valid address plus a server script that returns an offer with id currentBundle:bundle-42. The example address is illustrative. Do not add a default to ordinary product-offer fields unless initialization is required.


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": "array",
"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"
]
}