Skip to main content

Ordering Widgets


Order List tsm-order-list-widget

Order list in a tabular view with filtering and editing options.

Widget Or Layout: layout

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


Order line list tsm-order-line-widget

Order line in a tabular view with filtering and editing options.

Widget Or Layout: layout

Value:

{
  "title": "Order line list",
  "widget": {
    "type": "tsm-order-line-widget"
  },
  "type": "layout",
  "config": {
    "pageSize": 10
  }
}

Inputs

Title

Key: title

Name: Title

Order line type

Key: lineType

Name: Order line type

Show button - Add relationship on specification or service

Key: showAddRelationshipOnSpecificationOrService

Name: Show button - Add relationship on specification or 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: order

Name: Order

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 filter

Key: catalogFilters

Name: Catalog filter

Work catalog filter

Key: workCatalogFilters

Name: Work catalog filter

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.


Order Task List tsm-order-task-list

Order task list in a tabular view with filtering and editing options.

Widget Or Layout: layout

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


Related entity order list in a tabular view with filtering and editing options.

Widget Or Layout: layout

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


Orders Bookmark tsm-orders-bookmark

Simple list of orders in a tabular view.

Widget Or Layout: layout

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-orders-bookmark"
  }
}

Inputs

Default value

Key: default

Name: Default value

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

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-order-line-bookmark"
  }
}

Inputs

Default value

Key: default

Name: Default value

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

Filters

Key: entitySpecificationFilter

Name: Filters

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

Other order line columns

Key: otherOrderLineColumns

Name: Other order line columns


Quotes Bookmark tsm-quotes-bookmark

Simple list of quotes in a tabular view.

Widget Or Layout: layout

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-quotes-bookmark"
  }
}

Inputs

Default value

Key: default

Name: Default value

Account

Key: accountId

Name: Account

Customer

Key: customerId

Name: Customer

Read only

Key: readonly

Name: Read only

Filters

Key: filter

Name: Filters

Description: Filters


Order Select tsm-order-lov

Selection of an order from a dropdown list.

Widget Or Layout: widget

Value:

{
  "type": "string",
  "title": "Select an Order",
  "widget": {
    "type": "tsm-order-lov"
  }
}

Inputs

Customer

Key: customerId

Name: Customer

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 Status Bar tsm-order-steps

Overview of the current status of the order with quick switching options.

Widget Or Layout: layout

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-order-steps"
  }
}

Inputs

Order

Key: order

Name: Order


Order Status Select tsm-order-status-lov

Selection of an order status from a dropdown list.

Widget Or Layout: widget

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

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