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
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.
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.
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
Default: null
Customer
Key: customerId
Name: Customer
Default: null
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.
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 add new configuration label — gen-add-new-configuration-label.json
Demonstrates widget.addNewConfigurationLabel = "top" on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Add new configuration label",
"description": "Demonstrates widget.addNewConfigurationLabel = \"top\" on tsm-order-line-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"addNewConfigurationLabel": "top"
}
}
},
"layout": [
"field"
]
}
Gen open detail type — gen-open-detail-type.json
Open detail type: Select how to open the detail after double-clicking.
{
"type": "object",
"title": "Order line list — Open detail type",
"description": "Open detail type: Select how to open the detail after double-clicking.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"openDetailType": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen show add exists configuration — gen-show-add-exists-configuration.json
Demonstrates widget.showAddExistsConfiguration = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button - Add exists configuration",
"description": "Demonstrates widget.showAddExistsConfiguration = false on tsm-order-line-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"showAddExistsConfiguration": false
}
}
},
"layout": [
"field"
]
}
Gen show add new configuration — gen-show-add-new-configuration.json
Demonstrates widget.showAddNewConfiguration = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button - Add new configuration",
"description": "Demonstrates widget.showAddNewConfiguration = false on tsm-order-line-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"showAddNewConfiguration": false
}
}
},
"layout": [
"field"
]
}
Gen show add relationship on inventory — gen-show-add-relationship-on-inventory.json
Demonstrates widget.showAddRelationshipOnInventory = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button: Add relationship on Inventory",
"description": "Demonstrates widget.showAddRelationshipOnInventory = false on tsm-order-line-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"showAddRelationshipOnInventory": false
}
}
},
"layout": [
"field"
]
}
Gen show add relationship on specification or service — gen-show-add-relationship-on-specification-or-service.json
Demonstrates widget.showAddRelationshipOnSpecificationOrService = false on tsm-order-line-widget.
{
"type": "object",
"title": "Order line list — Show button: Add relationship on Specification/Service",
"description": "Demonstrates widget.showAddRelationshipOnSpecificationOrService = false on tsm-order-line-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-widget",
"showAddRelationshipOnSpecificationOrService": false
}
}
},
"layout": [
"field"
]
}
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
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.
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
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.
Default: null
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-related-entity-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hide button group — gen-hide-button-group.json
Hide Button Section: Hides the button section.
{
"type": "object",
"title": "Related Entity Order List — Hide Button Section",
"description": "Hide Button Section: Hides the button section.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-list-related-entity-widget",
"hideButtonGroup": "exampleValue"
}
}
},
"layout": [
"field"
]
}
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
Default: null
Customer
Key: customerId
Name: Customer
Default: null
Quote
Key: quoteRef
Name: Quote
Description: Quote
Default: null
Filters
Key: filter
Name: Filters
Description: Filters
Default: null
Preview mode
Key: previewMode
Name: Preview mode
Default: null
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
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
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 account id — gen-account-id.json
Demonstrates widget.accountId = "exampleValue" on tsm-orders-bookmark.
{
"type": "object",
"title": "Orders Bookmark — Account",
"description": "Demonstrates widget.accountId = \"exampleValue\" on tsm-orders-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"accountId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen customer id — gen-customer-id.json
Demonstrates widget.customerId = "exampleValue" on tsm-orders-bookmark.
{
"type": "object",
"title": "Orders Bookmark — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-orders-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen display only preview mode count — gen-display-only-preview-mode-count.json
Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-orders-bookmark.
{
"type": "object",
"title": "Orders Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-orders-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen filter — gen-filter.json
Filters: Filters
{
"type": "object",
"title": "Orders Bookmark — Filters",
"description": "Filters: Filters",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"filter": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen preview mode — gen-preview-mode.json
Demonstrates widget.previewMode = "exampleValue" on tsm-orders-bookmark.
{
"type": "object",
"title": "Orders Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-orders-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen quote ref — gen-quote-ref.json
Quote: Quote
{
"type": "object",
"title": "Orders Bookmark — Quote",
"description": "Quote: Quote",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-orders-bookmark",
"quoteRef": "exampleValue"
}
}
},
"layout": [
"field"
]
}
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
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
Default: null
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
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 operation
Key: showOperation
Name: Show operation
Default: "__ref:DEFAULT_VALUES.showOperation"
Show name
Key: showName
Name: Show name
Default: "__ref:DEFAULT_VALUES.showName"
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"
Filters
Key: entitySpecificationFilter
Name: Filters
Default: {"catalogCodes":[],"entitySpecificationTypes":[],"workCatalogCodes":[],"workEntitySpecificationTypes":[]}
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 display only preview mode count — gen-display-only-preview-mode-count.json
Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-order-line-bookmark.
{
"type": "object",
"title": "Order Lines Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-order-line-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen open detail type — gen-open-detail-type.json
Open detail type: Select how to open the detail after double-clicking.
{
"type": "object",
"title": "Order Lines Bookmark — Open detail type",
"description": "Open detail type: Select how to open the detail after double-clicking.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"openDetailType": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen order — gen-order.json
Demonstrates widget.order = "exampleValue" on tsm-order-line-bookmark.
{
"type": "object",
"title": "Order Lines Bookmark — Order",
"description": "Demonstrates widget.order = \"exampleValue\" on tsm-order-line-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"order": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen other order line columns — gen-other-order-line-columns.json
Other order line columns: For example: [{"header": "Header", "field": "chars.myChar"}]
{
"type": "object",
"title": "Order Lines Bookmark — Other order line columns",
"description": "Other order line columns: For example: [{\"header\": \"Header\", \"field\": \"chars.myChar\"}]",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"otherOrderLineColumns": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen preview mode — gen-preview-mode.json
Demonstrates widget.previewMode = "exampleValue" on tsm-order-line-bookmark.
{
"type": "object",
"title": "Order Lines Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-order-line-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}
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": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}
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
Default: null
Type
Key: type
Name: Type
Description: Type
Default: null
Preview mode
Key: previewMode
Name: Preview mode
Default: null
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
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 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
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 display only preview mode count — gen-display-only-preview-mode-count.json
Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-order-line-bookmark-params.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen open detail type — gen-open-detail-type.json
Open detail type: Select how to open the detail after double-clicking.
{
"type": "object",
"title": "Order lines Bookmark Params — Open detail type",
"description": "Open detail type: Select how to open the detail after double-clicking.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"openDetailType": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen order — gen-order.json
Demonstrates widget.order = "exampleValue" on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Order",
"description": "Demonstrates widget.order = \"exampleValue\" on tsm-order-line-bookmark-params.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"order": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen preview mode — gen-preview-mode.json
Demonstrates widget.previewMode = "exampleValue" on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-order-line-bookmark-params.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen show add exists configuration — gen-show-add-exists-configuration.json
Demonstrates widget.showAddExistsConfiguration = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show button - Add exists configuration",
"description": "Demonstrates widget.showAddExistsConfiguration = false on tsm-order-line-bookmark-params.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"showAddExistsConfiguration": false
}
}
},
"layout": [
"field"
]
}
Gen show add new configuration — gen-show-add-new-configuration.json
Demonstrates widget.showAddNewConfiguration = false on tsm-order-line-bookmark-params.
{
"type": "object",
"title": "Order lines Bookmark Params — Show button - Add new configuration",
"description": "Demonstrates widget.showAddNewConfiguration = false on tsm-order-line-bookmark-params.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-line-bookmark-params",
"showAddNewConfiguration": false
}
}
},
"layout": [
"field"
]
}
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
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: ""
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 widget.showCategory = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show category",
"description": "Demonstrates widget.showCategory = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"showCategory": false
}
}
},
"layout": [
"field"
]
}
Gen show name — gen-show-name.json
Demonstrates widget.showName = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show name",
"description": "Demonstrates widget.showName = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"showName": false
}
}
},
"layout": [
"field"
]
}
Gen show operation — gen-show-operation.json
Demonstrates widget.showOperation = false on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show operation",
"description": "Demonstrates widget.showOperation = false on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"showOperation": false
}
}
},
"layout": [
"field"
]
}
Gen show product code — gen-show-product-code.json
Demonstrates widget.showProductCode = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show product code",
"description": "Demonstrates widget.showProductCode = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"showProductCode": true
}
}
},
"layout": [
"field"
]
}
Gen show product id — gen-show-product-id.json
Demonstrates widget.showProductId = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show product id",
"description": "Demonstrates widget.showProductId = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"showProductId": true
}
}
},
"layout": [
"field"
]
}
Gen show work — gen-show-work.json
Demonstrates widget.showWork = true on tsm-order-line-checklist.
{
"type": "object",
"title": "Order Lines Checklist — Show work",
"description": "Demonstrates widget.showWork = true on tsm-order-line-checklist.",
"properties": {
"field": {
"type": "object",
"title": "Field",
"widget": {
"type": "tsm-order-line-checklist",
"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
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 entity instance configuration id — gen-entity-instance-configuration-id.json
Demonstrates widget.entityInstanceConfigurationId = "exampleValue" on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Entity Instance Configuration",
"description": "Demonstrates widget.entityInstanceConfigurationId = \"exampleValue\" on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"entityInstanceConfigurationId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen hide delivery date — gen-hide-delivery-date.json
Demonstrates widget.hideDeliveryDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide delivery date",
"description": "Demonstrates widget.hideDeliveryDate = true on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"hideDeliveryDate": true
}
}
},
"layout": [
"field"
]
}
Gen hide operation — gen-hide-operation.json
Demonstrates widget.hideOperation = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide operation",
"description": "Demonstrates widget.hideOperation = true on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"hideOperation": true
}
}
},
"layout": [
"field"
]
}
Gen hide order date — gen-hide-order-date.json
Demonstrates widget.hideOrderDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide order date",
"description": "Demonstrates widget.hideOrderDate = true on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"hideOrderDate": true
}
}
},
"layout": [
"field"
]
}
Gen hide requested date — gen-hide-requested-date.json
Demonstrates widget.hideRequestedDate = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide requested date",
"description": "Demonstrates widget.hideRequestedDate = true on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"hideRequestedDate": true
}
}
},
"layout": [
"field"
]
}
Gen hide subject — gen-hide-subject.json
Demonstrates widget.hideSubject = true on tsm-order-order-line-info-inventory.
{
"type": "object",
"title": "Order overview from inventory — Hide subject",
"description": "Demonstrates widget.hideSubject = true on tsm-order-order-line-info-inventory.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-order-line-info-inventory",
"hideSubject": true
}
}
},
"layout": [
"field"
]
}
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
Default: null
Customer
Key: customerId
Name: Customer
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
Filters
Key: filter
Name: Filters
Description: Filters
Default: null
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 account id — gen-account-id.json
Demonstrates widget.accountId = "exampleValue" on tsm-quotes-bookmark.
{
"type": "object",
"title": "Quotes Bookmark — Account",
"description": "Demonstrates widget.accountId = \"exampleValue\" on tsm-quotes-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-quotes-bookmark",
"accountId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen customer id — gen-customer-id.json
Demonstrates widget.customerId = "exampleValue" on tsm-quotes-bookmark.
{
"type": "object",
"title": "Quotes Bookmark — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-quotes-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-quotes-bookmark",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen filter — gen-filter.json
Filters: Filters
{
"type": "object",
"title": "Quotes Bookmark — Filters",
"description": "Filters: Filters",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-quotes-bookmark",
"filter": "exampleValue"
}
}
},
"layout": [
"field"
]
}
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": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-quotes-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}
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
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 customer id — gen-customer-id.json
Demonstrates widget.customerId = "exampleValue" on tsm-order-lov.
{
"type": "object",
"title": "Order Select — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-order-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen default filters — gen-default-filters.json
Demonstrates widget.defaultFilters = "exampleValue" on tsm-order-lov.
{
"type": "object",
"title": "Order Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-order-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "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",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"keyboardOnMobile": false
}
}
},
"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",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"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",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"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",
"title": "Field",
"widget": {
"type": "tsm-order-lov",
"showNoneText": false
}
}
},
"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": "string",
"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 address id — gen-address-id.json
Demonstrates widget.addressId = "exampleValue" on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Address",
"description": "Demonstrates widget.addressId = \"exampleValue\" on tsm-product-select-widget.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"addressId": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen custom css class — gen-custom-css-class.json
Optional CSS class: An optional CSS class to modify the style of this component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-col p-4
{
"type": "object",
"title": "Product Offer Select — Optional CSS class",
"description": "Optional CSS class: 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>",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"customCssClass": "tsm-custom-class"
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates widget.multiselect = true on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Multiselect",
"description": "Demonstrates widget.multiselect = true on tsm-product-select-widget.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen script code — gen-script-code.json
Demonstrates widget.scriptCode = "exampleValue" on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Script",
"description": "Demonstrates widget.scriptCode = \"exampleValue\" on tsm-product-select-widget.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"scriptCode": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen script data — gen-script-data.json
Demonstrates widget.scriptData = "exampleValue" on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Script data",
"description": "Demonstrates widget.scriptData = \"exampleValue\" on tsm-product-select-widget.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"scriptData": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen show currency symbol — gen-show-currency-symbol.json
Demonstrates widget.showCurrencySymbol = false on tsm-product-select-widget.
{
"type": "object",
"title": "Product Offer Select — Show currency symbol",
"description": "Demonstrates widget.showCurrencySymbol = false on tsm-product-select-widget.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-product-select-widget",
"showCurrencySymbol": false
}
}
},
"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"
}
}
Inputs
Order
Key: order
Name: Order
Description: Order
Default: null
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-order-steps/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen order — gen-order.json
Order: Order
{
"type": "object",
"title": "Order Status Bar — Order",
"description": "Order: Order",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-order-steps",
"order": "exampleValue"
}
}
},
"layout": [
"field"
]
}
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
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 default filters — gen-default-filters.json
Demonstrates widget.defaultFilters = "exampleValue" on tsm-order-status-lov.
{
"type": "object",
"title": "Order Status Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-order-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "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",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates widget.multiselect = true on tsm-order-status-lov.
{
"type": "object",
"title": "Order Status Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-order-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"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",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"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",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"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",
"title": "Field",
"widget": {
"type": "tsm-order-status-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Order Type Select tsm-order-type-lov
Selection of an order type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"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
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 default filters — gen-default-filters.json
Demonstrates widget.defaultFilters = "exampleValue" on tsm-order-type-lov.
{
"type": "object",
"title": "Order Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-order-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "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": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates widget.multiselect = true on tsm-order-type-lov.
{
"type": "object",
"title": "Order Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-order-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"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": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"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": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"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": "string",
"title": "Field",
"widget": {
"type": "tsm-order-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}