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 context data for the listing.
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.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
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.
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
Order line type
Key: lineType
Name: Order line type
Add new configuration label
Key: addNewConfigurationLabel
Name: Add new configuration label
Show button: Add relationship on Specification/Service
Key: showAddRelationshipOnSpecificationOrService
Name: Show button: Add relationship on Specification/Service
Show button: Add relationship on Inventory
Key: showAddRelationshipOnInventory
Name: Show button: Add relationship on Inventory
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Order
Key: orderId
Name: Order
Customer
Key: customerId
Name: Customer
Selection mode
Key: selectionMode
Name: Selection mode
Catalog selection mode
Key: catalogSelectionMode
Name: Catalog selection mode
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Catalog filters
Key: catalogFilters
Name: Catalog filters
Work catalog filters
Key: workCatalogFilters
Name: Work catalog filters
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 context data for the listing.
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.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
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.
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 context data for the listing.
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.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
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.
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 context data for the listing.
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.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
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.
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
Customer
Key: customerId
Name: Customer
Quote
Key: quoteRef
Name: Quote
Description: Quote
Filters
Key: filter
Name: Filters
Description: Filters
Preview mode
Key: previewMode
Name: Preview mode
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
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
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Order
Key: order
Name: Order
Type
Key: type
Name: Type
Description: Type
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
Description: For example: [{"header": "Header", "field": "chars.myChar"}]
Preview mode
Key: previewMode
Name: Preview mode
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Show operation
Key: showOperation
Name: Show operation
Show name
Key: showName
Name: Show name
Show active status
Key: showActiveStatus
Name: Show active status
Filters
Key: entitySpecificationFilter
Name: Filters
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
Display mode of catalog items in a table
Key: catalogSpecificationDefaultViewMode
Name: Display mode of catalog items in a table
Order
Key: order
Name: Order
Type
Key: type
Name: Type
Description: Type
Preview mode
Key: previewMode
Name: Preview mode
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
Name: Preview mode - display only count.
Show button - Add new configuration
Key: showAddNewConfiguration
Name: Show button - Add new configuration
Show button - Add exists configuration
Key: showAddExistsConfiguration
Name: Show button - Add exists configuration
Show operation
Key: showOperation
Name: Show operation
Show name
Key: showName
Name: Show name
Show category
Key: showCategory
Name: Show category
Show work
Key: showWork
Name: Show work
Show product id
Key: showProductId
Name: Show product id
Show product code
Key: showProductCode
Name: Show product code
Show price
Key: showPrice
Name: Show price
Show button - Add relationship on inventory
Key: showAddRelationshipOnInventory
Name: Show button - Add relationship on inventory
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
Show button - Add relationship
Key: showAddRelationshipOnSpecification
Name: Show button - Add relationship
Description: The button is displayed based on the category codes from the catalog
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.
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.
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"]
Filters
Key: entitySpecificationFilter
Name: Filters
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
Show name
Key: showName
Name: Show name
Show category
Key: showCategory
Name: Show category
Show work
Key: showWork
Name: Show work
Show product id
Key: showProductId
Name: Show product id
Show product code
Key: showProductCode
Name: Show product code
Show price
Key: showPrice
Name: Show price
Order
Key: orderId
Name: Order
Type
Key: type
Name: Type
Description: Type
Other order line columns
Key: otherOrderLineColumns
Name: Other order line columns
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
Form specification name
Key: formSpecificationName
Name: Form specification name
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
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
Customer
Key: customerId
Name: Customer
Filters
Key: filter
Name: Filters
Description: Filters
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
Customer
Key: customerId
Name: Customer
Filters
Key: defaultFilters
Name: Filters
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Show clear
Key: showClear
Name: Show clear
Show none text
Key: showNoneText
Name: Show none text
Select first value
Key: selectFirstValue
Name: Select first value
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Value
Key: selectProperty
Name: Value
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
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 value
Key: default
Name: Default value
Address
Key: addressId
Name: Address
Script
Key: scriptCode
Name: Script
Script data
Key: scriptData
Name: Script data
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
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
Filters
Key: defaultFilters
Name: Filters
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Show clear
Key: showClear
Name: Show clear
Show none text
Key: showNoneText
Name: Show none text
Select first value
Key: selectFirstValue
Name: Select first value
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Value
Key: selectProperty
Name: Value
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
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
Filters
Key: defaultFilters
Name: Filters
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Show clear
Key: showClear
Name: Show clear
Show none text
Key: showNoneText
Name: Show none text
Select first value
Key: selectFirstValue
Name: Select first value
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Value
Key: selectProperty
Name: Value
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]