Skip to main content
Version: 2.4

Technical Preview Widgets

Instance Conf. List tsm-entity-instance-configuration-list-widget​

List of instance configurations in a tabular view with filtering and editing options.

Widget Or Layout: unknown

Value:

{
  "title": "Instance Configuration List",
  "widget": {
    "type": "tsm-entity-instance-configuration-list-widget"
  },
  "type": "layout",
  "config": {
    "pageSize": "20"
  }
}

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.

Instance Conf. Bookmark tsm-entity-instance-configuration-list-panel​

Simple list of instance configurations in a tabular view.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Instance Configuration Bookmark",
  "widget": {
    "type": "tsm-entity-instance-configuration-list-panel"
  }
}

Inputs​

Entity instance ID

Key: entityInstanceId

Name: Entity instance ID

New Dependent Instance Button tsm-entity-instance-create-dependent​

Button to create a dependent instance.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "New Dependent Entity Instance Button",
  "widget": {
    "type": "tsm-entity-instance-create-dependent"
  }
}

Inputs​

Inventory

Key: entityInstanceConfiguration

Name: Inventory

Default type

Key: defaultType

Name: Default type

Icon

Key: icon

Name: Icon

Redirect to detail

Key: redirectToDetail

Name: Redirect to detail

Ticket Category Registry Select tsm-ticket-category-registry-lov​

Selection of a ticket category registry from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select a Ticket Category Registry",
  "widget": {
    "type": "tsm-ticket-category-registry-lov"
  },
  "type": "string",
  "config": {
    "module": "ChangeManagement",
    "selectProperty": "id"
  }
}

Inputs​

Disable link

Key: disableLink

Name: Disable link

Default value

Key: default

Name: Default value

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

Release Button tsm-ticket-release-button​

Ticketing - Ticket Release Button

Widget Or Layout: unknown

Value:

{
  "title": "Ticketing - Ticket Release Button",
  "widget": {
    "type": "tsm-ticket-release-button"
  },
  "type": "string",
  "config": {
    "module": "ChangeManagement",
    "selectProperty": "id"
  }
}

Inputs​

Title

Key: label

Name: Title

Target

Key: target

Name: Target

Calendar event list tsm-calendar-event​

Calendar event list

Widget Or Layout: unknown

Value:

{
  "title": "Calendar event list",
  "widget": {
    "type": "tsm-calendar-event"
  },
  "type": "layout",
  "config": {
    "pageSize": 10
  }
}

Inputs​

Show selected

Key: showSelected

Name: Show selected

User

Key: userId

Name: User

Parent privilege

Key: parentPriv

Name: Parent privilege

Customer - report tsm-customer-report-form​

Customer - report

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Customer - report",
  "widget": {
    "type": "tsm-customer-report-form"
  }
}

Inputs​

Customer

Key: customerId

Name: Customer

Dms - Participant (sharing-ref) tsm-sharing-ref-lov​

Dms - Participant (sharing-ref)

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Dms - Participant (sharing-ref)",
  "widget": {
    "type": "tsm-sharing-ref-lov"
  },
  "config": {
    "validatorRequired": true
  }
}

Inputs​

Filters

Key: refTypeFilter

Name: Filters

Value

Key: selectProperty

Name: Value

Layout - Chart dtl-fluent-chart​

The Charts component provides a set of customizable charting options that can be used to display data in a visually appealing way. It supports a variety of chart types, such as line, bar, pie, doughnut, radar, polar area, and scatter charts.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "widget": {
    "type": "dtl-fluent-chart"
  },
  "items": []
}

Inputs​

Listing type

Key: listingTypeCode

Name: Listing type

Chart type

Key: chartType

Name: Chart type

Aggregations

Key: aggs

Name: Aggregations

Datasets

Key: datasets

Name: Datasets

Options

Key: options

Name: Options

Label column

Key: labelColumn

Name: Label column

Label converter

Key: labelConverter

Name: Label converter

Label converter params

Key: labelConverterParams

Name: Label converter params

Filters

Key: filters

Name: Filters

Ordering - Order line hardware tsm-order-line-hardware​

Ordering - Order line hardware

Widget Or Layout: unknown

Value:

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

Inputs​

Order

Key: orderId

Name: Order

Phone dtl-form-input-phone​

Phone

Widget Or Layout: unknown

Value:

{
  "type": "string",
  "title": "Phone",
  "widget": {
    "type": "phone"
  }
}

Inputs​

Default value

Key: default

Name: Default value

Scripting - Open detail type tsm-open-console-button​

Scripting - Open detail type

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-open-console-button"
  }
}

Inputs​

Context

Key: context

Name: Context

Slacard tsm-sla-card​

Slacard

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Slacard",
  "widget": {
    "type": "tsm-sla-card"
  }
}

Inputs​

Ticket

Key: ticket

Name: Ticket

Spreadsheet tsm-sheet-widget​

The Spreadsheet component provides a clean, table-based workflow for data: inline cell editing, validation, sorting, and bulk updates for fast data entry.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-sheet-widget"
  }
}

Inputs​

Default value

Key: default

Name: Default value

Data

Key: data

Name: Data

Description: This value replaces the initial/default data and represents the current state of the component.

Enable import in "readonly mode"

Key: enableImportOnReadonly

Name: Enable import in "readonly mode"

Default rows count

Key: rows

Name: Default rows count

Default cols count

Key: cols

Name: Default cols count

Max height

Key: maxHeight

Name: Max height

Výchozí název prvního sheetu

Key: defaultFirstSheetName

Name: Výchozí název prvního sheetu

Tasks tsm-process-instance-diagrams​

Tasks

Widget Or Layout: unknown

Value:

{
  "type": "string",
  "title": "Tasks",
  "widget": {
    "type": "tsm-process-instance-diagrams"
  }
}

tSM Characteristic tsm-characteristic​

tSM Characteristic - used to insert a characteristic.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "widget": {
    "type": "tsm-characteristic"
  },
  "config": {
    "context": "${$context}"
  }
}

Inputs​

Code

Key: code

Name: Code

Show title

Key: enableLabel

Name: Show title

Disable count is single child

Key: disableCountIsSingleChild

Name: Disable count is single child

Disable show errors in characteristic

Key: characteristicShowDisableErrors

Name: Disable show errors in characteristic

Context

Key: context

Name: Context

Description: Enter a value that will be dynamically inserted as context. Use the $value placeholder, which will automatically be replaced with the current value during runtime. This enables flexible data transfer between components or modules.

User management - User Group Selection tsm-user-group-list-widget​

User management - User Group Selection

Widget Or Layout: unknown

Value:

{
  "title": "User management - User Group Selection",
  "widget": {
    "type": "tsm-user-group-list-widget"
  },
  "type": "layout",
  "config": {
    "pageSize": 10
  }
}

Inputs​

Title

Key: title

Name: Title

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.

Work estimate tsm-worklog-estimate​

Work estimate

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Worklog",
  "widget": {
    "type": "tsm-worklog-estimate"
  }
}

Inputs​

Owner type

Key: ownerType

Name: Owner type

Owner Id

Key: ownerId

Name: Owner Id

Create privilege

Key: addPrivilege

Name: Create privilege

Worklog duration input tsm-worklog-duration​

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Worklog duration",
  "widget": {
    "type": "tsm-worklog-duration"
  }
}

Worklog stopwatch start button tsm-worklog-stopwatch-start-button​

Worklog stopwatch start button

Widget Or Layout: unknown

Value:

{
  "title": "Worklog stopwatch start button",
  "widget": {
    "type": "tsm-worklog-stopwatch-start-button"
  },
  "type": "layout",
  "config": {
    "ownerId": "",
    "ownerType": ""
  }
}

Inputs​

Owner type

Key: ownerType

Name: Owner type

Owner Id

Key: ownerId

Name: Owner Id