Catalogs Widgets
Catalog Relation List tsm-catalog-specification-relationship-list
List of catalog relations in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Catalog Relation List",
"widget": {
"type": "tsm-catalog-specification-relationship-list"
}
}
Inputs
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: Height of the table including desired units (px, em, rem, %, vh).
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.
Hidden
Key: hidden
Name: Hidden
Description: Hides the component. You can also control its visibility with an expression in the expression editor.
Optional CSS class
Key: customStyleClass
Name: Optional CSS class
Description: An optional CSS class to modify the style of this component. Examples: p-datatable-layout-fixed
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: translation.configFormWidgets.basicEditor.filters.tooltip
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 Nested Sorting
Key: externalTqlSortForNested
Name: TQL Nested Sorting
Description: Modifies the default sorting in TQL for nested attributes.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Catalog Privilege List tsm-catalog-priv
List of catalog privileges in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Catalog Privilege List",
"widget": {
"type": "tsm-catalog-priv"
}
}
Inputs
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: Height of the table including desired units (px, em, rem, %, vh).
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.
Hidden
Key: hidden
Name: Hidden
Description: Hides the component. You can also control its visibility with an expression in the expression editor.
Optional CSS class
Key: customStyleClass
Name: Optional CSS class
Description: An optional CSS class to modify the style of this component. Examples: p-datatable-layout-fixed
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: translation.configFormWidgets.basicEditor.filters.tooltip
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 Nested Sorting
Key: externalTqlSortForNested
Name: TQL Nested Sorting
Description: Modifies the default sorting in TQL for nested attributes.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Catalog Select tsm-catalog-lov
Selection of a catalog from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Catalog",
"widget": {
"type": "tsm-catalog-lov"
}
}
Inputs
Default tree view mode
Key: defaultTreeViewMode
Name: Default tree view mode
Catalog
Key: catalogCode
Name: Catalog
Listing ID
Key: listingId
Name: Listing ID
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
Default value
Key: default
Name: Default value
Characteristics filters
Key: chars
Name: Characteristics 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"]
Catalog Category Select tsm-catalog-category-lov
Selection of a catalog category from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Catalog Category",
"widget": {
"type": "tsm-catalog-category-lov"
}
}
Inputs
Default tree view mode
Key: defaultTreeViewMode
Name: Default tree view mode
Catalog
Key: catalogCode
Name: Catalog
Listing ID
Key: listingId
Name: Listing ID
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
Default value
Key: default
Name: Default value
Characteristics filters
Key: chars
Name: Characteristics 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"]
Catalog Specification Select tsm-catalog-specification-lov
Selection of a catalog specification from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Catalog Specification",
"widget": {
"type": "tsm-catalog-specification-lov"
}
}
Inputs
Default tree view mode
Key: defaultTreeViewMode
Name: Default tree view mode
Entity type
Key: entityType
Name: Entity type
Remove value on change
Key: removeValueOnChange
Name: Remove value on change
Catalog
Key: catalogCode
Name: Catalog
Catalog types
Key: catalogTypes
Name: Catalog types
Automatically add children
Key: relationshipAddWithParent
Name: Automatically add children
Category
Key: categoryCodes
Name: Category
Exclude category codes
Key: excludeCategoryCodes
Name: Exclude category codes
Listing ID
Key: listingId
Name: Listing ID
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
Custom message for invalid item selection
Key: messageFromInvalidSelectItem
Name: Custom message for invalid item selection
Description: This message will be displayed if the user selects an item that does not meet the conditions specified in the "Select item filters" attribute.
Default value
Key: default
Name: Default value
Catalog chars
Key: catalogChars
Name: Catalog chars
Description: Characteristics used for filters
Characteristics filters
Key: chars
Name: Characteristics filters
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"]
Price Card tsm-price-list-detail
Card displaying pricing details.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Price Details",
"widget": {
"type": "tsm-price-list-detail"
}
}
Inputs
Catalog specification
Key: catalogSpecification
Name: Catalog specification