Skip to main content

Technical Preview Widgets

Advanced - User register listing tsm-user-defined-list-widget

Displays a list of user values.

Widget Or Layout: widget

Value:

{
  "type": "array",
  "title": "Advanced - User register listing",
  "widget": {
    "type": "tsm-user-defined-list-widget",
    "readonly": true
  }
}

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

Selection of a ticket category registry from a dropdown list.

Widget Or Layout: widget

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

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

Value:

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

Inputs

Default value

Key: default

Name: Default value

User

Key: userId

Name: User

Customer - report tsm-customer-report-form

Customer - report

Widget Or Layout: widget

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

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

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

Value:

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

Inputs

Order

Key: orderId

Name: Order

Phone dtl-form-input-phone

Phone

Widget Or Layout: widget

Value:

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

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

Scripting - Open detail type

Widget Or Layout: layout

Value:

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

Slacard tsm-sla-card

Slacard

Widget Or Layout: layout

Value:

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

Inputs

Ticket

Key: ticket

Name: Ticket

Tasks tsm-process-instance-diagrams

Tasks

Widget Or Layout: layout

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

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

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

Profile id

Key: profileId

Name: Profile id

Page size

Key: pageSize

Name: Page size

Work estimate tsm-worklog-estimate

Work estimate

Widget Or Layout: widget

Value:

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

worklog duration input tsm-worklog-duration

Widget Or Layout: layout

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

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