All widget components
tsm-entity-history
Widget Or Layout: layout
Value:
{
"title": "History",
"widget": {
"type": "tsm-entity-history"
},
"type": "layout"
}
Inputs
ID
Key: ownerType
Name: ID
Owner type
Key: additionalEvents
Name: Owner type
Additional information
Key: compact
Name: Additional information
Description: Configuration expects and expression or object with this structure {
"icon": "calendar",
"iconClass": "event-icon",
"entityType": "event",
"entityTitle": "Project Meeting",
"customerType": "internal",
"collapsed": false,
"sortTimestamp": "2024-07-16T10:30:00Z",
"leftContent": {
"type": "timestampAndUser",
"timestamp": "2024-07-16T10:30:00Z",
"timestampSecondary": "2024-07-16T12:00:00Z",
"userId": "user123"
},
"rightContent": {
"type": "paragraph",
"title": "Meeting Notes",
"titleClass": "notes-title",
"titleClickNavigateCommands": ["navigateToMeetingNotes"],
"titleClickable": true,
"text": "Discussed project milestones and timelines."
}
}
Compact
Key: canTitleClickable
Name: Compact
Owner type
Key: config.ownerType
Name: Owner type
tsm-audit
Widget Or Layout: layout
Value:
{
"title": "Audit",
"widget": {
"type": "tsm-audit"
},
"type": "layout"
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
ID
Key: ownerType
Name: ID
Owner type
Key: parentPriv
Name: Owner type
Parent privilege
Key: url
Name: Parent privilege
Owner type
Key: config.ownerType
Name: Owner type
Accordions dtl-fluent-accordion
The accordion is a UI component used to display and organize content in a collapsible manner, allowing users to expand or collapse sections of content as needed. It consists of multiple sections or panels, with a title for each section and its associated content displayed in the body of the panel. When a user clicks on the title of a panel, the content of that panel is expanded, upon clicking again, it is collapsed.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-accordion"
},
"items": [],
"config": {
"accordions": [
{
"header": "Accordion",
"content": []
}
]
}
}
Inputs
Accordion name
Key: header
Name: Accordion name
Accordion name
Key: priv
Name: Accordion name
Description: The title which will be displayed for this component.
Privilege
Key: icon
Name: Privilege
Description: The privilege for displaying and editing this component.
Icon
Key: iconColor
Name: Icon
Description: The icon of this component.
Icon
Key: selected
Name: Icon
Description: The icon of this component.
Anchor dtl-fluent-anchor
The widget inserts an HTML <div> with a specified ID into the DOM and automatically scrolls to it when the page loads. This is useful for directing users to a specific section of a webpage upon loading.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-anchor"
},
"items": [],
"config": {}
}
Inputs
ID
Key: scrollId
Name: ID
Description: On an anchor with the selected ID, it will be automatically scrolled down in the form after it is opened, if the URL used to open the form contains this ID as a parameter.
Example: .../dashboard/9134d5eb-944c-4d09-ba62-b9be6458208e#SCROLL_TARGET_1
Awareness dtl-awareness-users
Awareness
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Awareness",
"widget": {
"type": "dtl-awareness-users"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Back button tsm-button-back
The back button element is used for returning to the previous page upon clicking.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-button-back"
}
}
Inputs
Label
Key: label
Name: Label
Label
Key: routerLink
Name: Label
Description: The label for this component. It can also be controlled with an expression using the expression editor.
Button bar dtl-fluent-bar
The button bar component creates a section which you can open by clicking on it. Inside the section you can put additional content such as a Text item, Password field or a Checkbox. These items are only visible when the section is opened. You can add a custom text in the button bar label - for example "More", or "Click to view". There are other customizable options such as a tooltip or a CSS class.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-bar"
},
"items": []
}
Inputs
Icon position
Key: iconPos
Name: Icon position
Icon position
Key: label
Name: Icon position
Description: The position of the icon for this component. It can also be controlled with an expression using the expression editor.
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
Default value
Key: userId
Name: Default value
Card dtl-fluent-card
The card component presents information in a compact, organized manner, and is commonly used to display information such as product detail or profiles.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-card"
},
"items": []
}
Inputs
Card Title
Key: header
Name: Card Title
Card Title
Key: headerAfterMinimize
Name: Card Title
Description: The title of this card. It can also be controlled with an expression using the expression editor.
Card title after minimize
Key: headerLink
Name: Card title after minimize
Description: The title of this card after minimizing. It can also be controlled with an expression using the expression editor.
Card title URL link
Key: headerTarget
Name: Card title URL link
Description: Enter the URL to redirect the user when clicking on the card title. If left empty, the title will not be clickable.
External link
Key: headerIconClass
Name: External link
Description: Opens external link in a new tab
Icon
Key: cardType
Name: Icon
Description: The icon of this component. It can also be controlled with an expression using the expression editor.
Color highlight
Key: disableCard
Name: Color highlight
Description: Color highlighting of the card. It can also be controlled with an expression using the expression editor.
Remove card styling
Key: buttonsOnHover
Name: Remove card styling
Description: Removes the card's border, shadow, and background, displaying it as a plain container.
Control buttons
Key: activeButton
Name: Control buttons
Enable action button
Key: disableMaximize
Name: Enable action button
Description: Enable action button
Disable maximize button
Key: disableMinimize
Name: Disable maximize button
Description: Tick the checkbox to disable the maximize button. The button is present only on forms of type Dashboard. It can also be controlled with an expression using the expression editor.
Disable minimize button
Key: minimizedByDefault
Name: Disable minimize button
Description: Tick the checkbox to disable the minimize button. The button is present only on forms of type Dashboard. It can also be controlled with an expression using the expression editor.
Clone dtl-fluent-clone
The special component to allow duplication of a form section to a different place. Use "Clone key" attribute of an object to mark the object with custom key (for example "productDetail") and then use the key in this component configuration. This is intended to position parts of the form in different sections based on the form usage. Typically this is the case of Detail form within listings or on a seperate page.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-clone"
},
"items": []
}
Content dtl-fluent-content
The content component is used to embed text created with the Editor component(see Editor description).
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-content"
},
"config": {
"html": ""
}
}
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
Data view component dtl-data-view-widget
Data view component
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Data view component",
"widget": {
"type": "dtl-data-view-widget"
}
}
Inputs
Hide
Key: listingTypeCode
Name: Hide
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
Filters
Key: selectProperty
Name: Filters
Element type activity tsm-element-type-activity
Element type activity
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Element type activity",
"widget": {
"type": "tsm-element-type-activity"
}
}
Inputs
Catalog specification
Key: entityCatalogSpecificationId
Name: Catalog specification
Emails SLA tsm-communication-sla
The component is used to display the email communication thread
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-communication-sla"
}
}
Inputs
Emails SLA
Key: slaData
Name: Emails SLA
External content dtl-fluent-iframe
External content(iframe) is to embed external content into the current page. This makes it possible to view content from another source without leaving the current page. For example, an iframe can be used to display a map or a video from another website. The content can be interacted with within the iframe just as if it was being viewed on its own page.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-iframe"
},
"items": []
}
Inputs
Title
Key: title
Name: Title
Title
Key: src
Name: Title
Description: The title which will be displayed for this component.
Source URL
Key: notitle
Name: Source URL
Description: The URL of the external resource to be displayed.
Hide title
Key: height
Name: Hide title
Description: Tick the checkbox if you wish to hide the title for this component. It can also be controlled with an expression using the expression editor.
Height (px)
Key: width
Name: Height (px)
Description: The height in pixels. It can also be controlled with an expression using the expression editor.
Fieldset dtl-fluent-fieldset
The fieldset component is used to group related form controls or content into a single visually identifiable unit. It can be used to provide context and improve the overall organization of a form.
Widget Or Layout: layout
Value:
{
"type": "layout",
"items": [],
"widget": {
"type": "dtl-fluent-fieldset"
}
}
Inputs
Read only
Key: readonly
Name: Read only
Read only
Key: legend
Name: Read only
Legend (title)
Key: disableLegendForEmptyAndReadonly
Name: Legend (title)
Description: Title displayed above the component.
Disable legend
Key: numberOfRows
Name: Disable legend
Description: Tick the checkbox if you wish to turn off the legend if readonly mode is enabled and the component does not contain any data.
Form field tsm-form-field
Form field
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Form field",
"widget": {
"type": "tsm-form-field"
}
}
Html dtl-fluent-html
The Html component is used to embed plain html in a section which is then rendered.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-html"
}
}
Inplace dtl-fluent-inplace
The form inplace component is a UI element that allows for in-place editing of data within a form. At first the data is in read-only mode intended for viewing, but edit mode can be entered by clicking on the edit icon. Afterwards changes can be made to the data and modifications saved or discarded by buttons.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-inplace"
},
"items": []
}
Inputs
Clone key
Key: disableAutofocus
Name: Clone key
Description: The key for copying of content into the clone component
Disable autofocus
Key: saveOnClickOutside
Name: Disable autofocus
Description: Disable autofocus on the first input in the form
Save on click outside
Key: alwaysShowBorders
Name: Save on click outside
Description: By default the form is reset, by enabling this the form is saved instead.
Display field borders even in readonly mode
Key: scriptCode
Name: Display field borders even in readonly mode
Description: Displays field borders even in readonly mode. Fields will look editable but remain non-editable (readonly). This setting applies only in readonly mode; in edit mode, no changes are applied.
Script
Key: scriptData
Name: Script
Script data
Key: config.successActions
Name: Script data
Description: Additional params for script evaluation
Script data
Key: config.errorActions
Name: Script data
Description: Additional params for script evaluation
Layout dtl-fluent-columns
The 12-column layout is a popular layout design pattern that is used to divide a user interface into 12 equal-width columns. The 12-column layout is a flexible design pattern that can be used to create a wide range of layouts, from simple one-column designs to more complex multi-column layouts. It provides a simple and effective way to divide a user interface into manageable sections, and helps to ensure that the layout is consistent and scalable across different screen sizes and devices. The number 12 is the most easily divisible among reasonably small numbers; it's possible to have 12, 6, 4, 3, 2 or 1 evenly spaced columns. This gives designers tremendous flexibility over a layout.
Widget Or Layout: layout
Value:
{
"type": "layout",
"items": [],
"config": {
"columns": [
{
"width": 6
},
{
"width": 6
}
]
},
"widget": {
"type": "dtl-fluent-columns"
}
}
Inputs
Enable sticky header
Key: bordered
Name: Enable sticky header
Description: Used only for page forms. If enabled, the header will be sticky. It will be visible even when the user scrolls down the page.
Border
Key: colored
Name: Border
Description: Tick the checkbox if you wish the component wrapper to have a border.
Enable internal paddings
Key: gridStyle
Name: Enable internal paddings
Description: Enable internal paddings.
grid CSS class
Key: width
Name: grid CSS class
Description: The CSS class used to change or modification of the grid layout.
Width
Key: offset
Name: Width
Description: The column width in 12 column layout. For example 12 means 100%, 6 means 50% and 3 means 25%.
Offset
Key: fixed
Name: Offset
Description: The column offset from the left side in 12 column layout. For example 12 means 100%, 6 means 50% and 3 means 25%.
Fixed width
Key: flexible
Name: Fixed width
Description: Tick the checkbox if you wish the column width to be setup according to the content and the column will no longer be flexible.
Flexible
Key: divider
Name: Flexible
Description: Tick the checkbox if you wish the colmn width to be set to the maximum possible width. (according to the available space)
Separator
Key: push
Name: Separator
Description: Tick the checkbox if you wish the column to be used as a graphical separator(without text).
Right align
Key: hidden
Name: Right align
Description: Tick the checkbox if you wish the column to be aligned right.
Hidden
Key: fieldHtmlClass
Name: Hidden
Description: Tick the checkbox if you wish the component to be hidden. It can also be controlled with an expression using the expression editor.
Page layout
Key: config.innerPageLayout
Name: Page layout
Description: A special layout option. Required if you use the layout as the main layout of the page.
grid CSS class
Key: config.gridStyle
Name: grid CSS class
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
Listing type
Key: chartType
Name: Listing type
Chart type
Key: aggs
Name: Chart type
Aggregations
Key: datasets
Name: Aggregations
Datasets
Key: options
Name: Datasets
Options
Key: labelColumn
Name: Options
Label column
Key: labelConverter
Name: Label column
Label converter
Key: labelConverterParams
Name: Label converter
Label converter params
Key: filters
Name: Label converter params
Listing - Filter dtl-table-filter-widget
Listing - Filter
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Listing - Filter",
"widget": {
"type": "dtl-table-filter-widget",
"notitle": true,
"persistent": "Never"
},
"config": {
"listingId": "",
"listingTypeCode": ""
}
}
Inputs
Title position
Key: labelPosition
Name: Title position
Title position
Key: fieldHtmlClass
Name: Title position
Optional CSS class for input
Key: labelHtmlClass
Name: Optional CSS class for input
Optional CSS class for description
Key: notitle
Name: Optional CSS class for description
Hide title
Key: hidden
Name: Hide title
Hidden
Key: listingId
Name: Hidden
Listing ID
Key: listingTypeCode
Name: Listing ID
Listing type
Key: profileCategory
Name: Listing type
Profile category
Key: profileId
Name: Profile category
Maintenance Activity Inventory tsm-maintenance-activity-inventory
Maintenance Activity Inventory
Widget Or Layout: layout
Value:
{
"title": "Maintenance Activity Inventory",
"widget": {
"type": "tsm-maintenance-activity-inventory"
},
"type": "layout",
"config": {}
}
Inputs
Listing ID
Key: listingId
Name: Listing ID
Maintenance activity related list tsm-maintenance-activity-related-list
Maintenance activity related list
Widget Or Layout: layout
Value:
{
"title": "Maintenance activity related list",
"widget": {
"type": "tsm-maintenance-activity-related-list"
},
"type": "layout",
"config": {}
}
Inputs
Show export button
Key: showExport
Name: Show export button
Show filter
Key: showFilters
Name: Show filter
Show refresh button
Key: showRefresh
Name: Show refresh button
Show paginator
Key: showPaginator
Name: Show paginator
Show manager columns button
Key: showManagerColumns
Name: Show manager columns button
Show manager columns button
Key: maintenanceActivity
Name: Show manager columns button
Maintenance activity
Key: maintenanceActivityId
Name: Maintenance activity
Maintenance activity
Key: readonly
Name: Maintenance activity
Show manager color
Key: showManagerColor
Name: Show manager color
Hide data view mode
Key: hiddenDataViewMode
Name: Hide data view mode
Hide button section
Key: hideButtonGroup
Name: Hide button section
Table data view mode
Key: dataViewMode
Name: Table data view mode
Enable scrollbars
Key: scrollable
Name: Enable scrollbars
Maintenance activity steps tsm-maintenance-activity-steps
Maintenance activity steps
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-maintenance-activity-steps"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: maintenanceActivity
Name: Default value
Maintenance activity
Key: readonly
Name: Maintenance activity
Description: Maintenance activity
Maintenance plan steps tsm-maintenance-plan-steps
Maintenance plan steps
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-maintenance-plan-steps"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: maintenancePlan
Name: Default value
Maintenance plan
Key: readonly
Name: Maintenance plan
Description: Maintenance plan
Object dtl-fluent-section
Object
Widget Or Layout: layout
Value:
{
"type": "object",
"widget": {
"type": "dtl-fluent-section"
}
}
Inputs
Show bottom border of inputs
Key: compactMode
Name: Show bottom border of inputs
Description: Show bottom border of inputs even if form is in read-only state (only works for inputs with the title position set to "Top")
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
Panel dtl-fluent-panel
The panel component is a container component that can be used to group and organize other components within a section that has it's own header. It can be manually or programatically collapsed and it's properties can be changed such as the header.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-panel"
},
"items": []
}
Inputs
Panel title
Key: title
Name: Panel title
Panel title
Key: collapsed
Name: Panel title
Description: The title which will be displayed for this component.
Phone dtl-form-input-phone
Phone
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Phone",
"widget": {
"type": "phone"
}
}
Planned task char demo-planned-task-char
Planned task char
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Detailtaskuplanovace",
"widget": {
"notitle": true,
"type": "demo-planned-task-char"
}
}
Preventive Maintenance Activity tsm-maintenance-activity-widget
Preventive Maintenance Activity
Widget Or Layout: layout
Value:
{
"title": "Preventive Maintenance Activity",
"widget": {
"type": "tsm-maintenance-activity-widget"
},
"type": "layout",
"config": {}
}
Inputs
Page size
Key: scrollHeight
Name: Page size
Table Height
Key: exportPriv
Name: Table Height
Description: You can change the height of the table by entering a numerical value, including the desired units (px, em, rem, %, vh)
Export privilege
Key: extendTqlWhere
Name: Export privilege
Extend TQL where
Key: externalTqlSort
Name: Extend TQL where
External TQL sort
Key: externalTqlSortForNested
Name: External TQL sort
External TQL sort for nested
Key: showExport
Name: External TQL sort for nested
Show export button
Key: showFilters
Name: Show export button
Show filter
Key: showRefresh
Name: Show filter
Show refresh button
Key: showPaginator
Name: Show refresh button
Show paginator
Key: showManagerColumns
Name: Show paginator
Show manager columns button
Key: showProfiles
Name: Show manager columns button
Show profile
Key: showManagerSort
Name: Show profile
Show manager sort
Key: showManagerColor
Name: Show manager sort
Show manager color
Key: hiddenDataViewMode
Name: Show manager color
Hide data view mode
Key: hideButtonGroup
Name: Hide data view mode
Hide button section
Key: dataViewMode
Name: Hide button section
Table data view mode
Key: scrollable
Name: Table data view mode
Enable scrollbars
Key: profileId
Name: Enable scrollbars
Profile
Key: profileCategory
Name: Profile
Profile category
Key: listingType
Name: Profile category
Listing
Key: id
Name: Listing
Listing ID
Key: filters
Name: Listing ID
Preventive Maintenance Activity Task List tsm-maintenance-activity-task-list
Preventive Maintenance Activity Task List
Widget Or Layout: layout
Value:
{
"title": "Preventive Maintenance Activity Task List",
"widget": {
"type": "tsm-maintenance-activity-task-list"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
ID
Key: pageSize
Name: ID
Page size
Key: scrollHeight
Name: Page size
Table Height
Key: openDetailType
Name: Table Height
Description: You can change the height of the table by entering a numerical value, including the desired units (px, em, rem, %, vh)
Scripting - Open detail type
Key: exportPriv
Name: Scripting - Open detail type
Export privilege
Key: extendTqlWhere
Name: Export privilege
Extend TQL where
Key: externalTqlSort
Name: Extend TQL where
External TQL sort
Key: externalTqlSortForNested
Name: External TQL sort
External TQL sort for nested
Key: selectFirstRow
Name: External TQL sort for nested
Select first row
Key: showExport
Name: Select first row
Show export button
Key: showFilters
Name: Show export button
Show filter
Key: showRefresh
Name: Show filter
Show refresh button
Key: showPaginator
Name: Show refresh button
Show paginator
Key: showManagerColumns
Name: Show paginator
Show manager columns button
Key: showProfiles
Name: Show manager columns button
Show profile
Key: showManagerSort
Name: Show profile
Show manager sort
Key: showManagerColor
Name: Show manager sort
Show manager color
Key: showListingConfig
Name: Show manager color
Show listing config
Key: hiddenDataViewMode
Name: Show listing config
Hide button section
Key: hideButtonGroup
Name: Hide button section
Hide button section
Key: dataViewMode
Name: Hide button section
Table data view mode
Key: scrollable
Name: Table data view mode
Enable scrollbars
Key: profileId
Name: Enable scrollbars
Profile
Key: profileCategory
Name: Profile
Profile category
Key: filters
Name: Profile category
Preventive Maintenance Plan implementation status tsm-maintenance-plan-implementation-status
Preventive Maintenance Plan implementation status
Widget Or Layout: layout
Value:
{
"title": "Preventive Maintenance Plan implementation status",
"widget": {
"type": "tsm-maintenance-plan-implementation-status"
},
"type": "layout",
"config": {}
}
Inputs
Maintenance plan
Key: maintenancePlanId
Name: Maintenance plan
Maintenance plan
Key: maintenancePlanVariantId
Name: Maintenance plan
Description: Maintenance plan
Preventive Maintenance Plan Task List tsm-maintenance-plan-task-list
Preventive Maintenance Plan Task List
Widget Or Layout: layout
Value:
{
"title": "Preventive Maintenance Plan Task List",
"widget": {
"type": "tsm-maintenance-plan-task-list"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
ID
Key: pageSize
Name: ID
Page size
Key: scrollHeight
Name: Page size
Table Height
Key: openDetailType
Name: Table Height
Description: You can change the height of the table by entering a numerical value, including the desired units (px, em, rem, %, vh)
Scripting - Open detail type
Key: exportPriv
Name: Scripting - Open detail type
Export privilege
Key: extendTqlWhere
Name: Export privilege
Extend TQL where
Key: externalTqlSort
Name: Extend TQL where
External TQL sort
Key: externalTqlSortForNested
Name: External TQL sort
External TQL sort for nested
Key: selectFirstRow
Name: External TQL sort for nested
Select first row
Key: showExport
Name: Select first row
Show export button
Key: showFilters
Name: Show export button
Show filter
Key: showRefresh
Name: Show filter
Show refresh button
Key: showPaginator
Name: Show refresh button
Show paginator
Key: showManagerColumns
Name: Show paginator
Show manager columns button
Key: showProfiles
Name: Show manager columns button
Show profile
Key: showManagerSort
Name: Show profile
Show manager sort
Key: showManagerColor
Name: Show manager sort
Show manager color
Key: showListingConfig
Name: Show manager color
Show listing config
Key: hiddenDataViewMode
Name: Show listing config
Hide button section
Key: hideButtonGroup
Name: Hide button section
Hide button section
Key: dataViewMode
Name: Hide button section
Table data view mode
Key: scrollable
Name: Table data view mode
Enable scrollbars
Key: profileId
Name: Enable scrollbars
Profile
Key: profileCategory
Name: Profile
Profile category
Key: filters
Name: Profile category
Preventive Maintenance Plan Variant tsm-maintenance-plan-variant-widget
Preventive Maintenance Plan Variant
Widget Or Layout: layout
Value:
{
"title": "Preventive Maintenance Plan Variant",
"widget": {
"type": "tsm-maintenance-plan-variant-widget"
},
"type": "layout",
"config": {}
}
Product cards demo-entity-instance-configuration-widget
Product cards
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "demo-entity-instance-configuration-widget"
}
}
Inputs
Selection
Key: entityInstanceConfigurationIds
Name: Selection
ID
Key: customerId
Name: ID
Customer
Key: accountId
Name: Customer
Description: Customer
Account
Key: ticketId
Name: Account
Ticket
Key: relatedEntityRefType
Name: Ticket
Ref type související entity for ticket
Key: chars
Name: Ref type související entity for ticket
Characteristics
Key: charsPath
Name: Characteristics
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"
}
}
Section dtl-fluent-section
The section component is similiar to the panel component(see it's description) with the main difference that it does not have a header.
Widget Or Layout: layout
Value:
{
"type": "layout",
"items": [],
"widget": {
"type": "dtl-fluent-section"
},
"config": {
"legend": "Legend"
}
}
Inputs
Show bottom border of inputs
Key: compactMode
Name: Show bottom border of inputs
Description: Show bottom border of inputs even if form is in read-only state (only works for inputs with the title position set to "Top")
Session emails tsm-communication-session
Session emails
Widget Or Layout: widget
Value:
{
"type": "string",
"widget": {
"type": "tsm-communication-session"
}
}
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
Splitter dtl-fluent-panel-splitter
The splitter element is used to visually separate and organize form fields into distinct sections or columns. It is represented by a horizontal or vertical line that can be resized by dragging its handle to adjust the amount of space allocated to each section. It is commonly used in forms with multiple columns or sections to provide users with a clear visual separation between different parts of the form, improving its readability and usability. It can also be customized with different styles and colors using CSS classes to match the overall design of the form.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-panel-splitter"
},
"items": [],
"config": {
"first": [],
"second": []
}
}
Inputs
Layout
Key: layout
Name: Layout
Description: The direction of the layout. Can either be horizontal or vertical.
Layout
Key: range
Name: Layout
Description: The direction of the layout. Can either be horizontal or vertical.
Layout
Key: splitterContainerHeight
Name: Layout
Description: The direction of the layout. Can either be horizontal or vertical.
SVG dtl-fluent-svg
A SVG component is used for displaying scalable vector graphics. It allows for the creation of vector-based graphics that can be scaled up or down without losing quality or clarity. The SVG component is particularly useful for creating interactive and dynamic visualizations, such as charts and graphs, which can be customized and animated based on user interaction or data changes.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-svg"
},
"items": []
}
Table dtl-fluent-edit-table
Table
Widget Or Layout: widget
Value:
{
"type": "array",
"items": {
"type": "object",
"properties": {
"col0": {
"type": "string",
"widget": {
"type": "text"
}
},
"col1": {
"type": "string",
"widget": {
"type": "text"
}
}
}
},
"widget": {
"type": "dtl-fluent-edit-table",
"notitle": true,
"buttons": {
"add": false
}
}
}
Tabs dtl-fluent-tab
The tabs component allows for organizing content into separate tabs or pages. Each tab typically has a label or title, and when a user clicks on a tab, the content associated with that tab is displayed. The tab component is useful for breaking up large amounts of content into smaller, more manageable chunks, and it provides a way for users to easily navigate between different sections of the content.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-tab"
},
"items": [],
"config": {
"tabs": [
{
"header": "Tab 1",
"content": []
},
{
"header": "Tab 2",
"content": []
}
]
}
}
Inputs
Key for tabs remembering cache
Key: header
Name: Key for tabs remembering cache
Description: A unique identifier that the application uses to store and retrieve the cached tab data.
Tab name
Key: priv
Name: Tab name
Description: The title for this tab.
Privilege
Key: hidden
Name: Privilege
Description: The privilege for displaying component.
Tasks tsm-process-instance-diagrams
Tasks
Widget Or Layout: layout
Value:
{
"type": "string",
"title": "Tasks",
"widget": {
"type": "tsm-process-instance-diagrams"
}
}
Text hint tsm-text-hint
The Text hint component is used to embed text inside a form using an Rich text editor serving as a hint or documentation to the user. An icon can be placed infront of the text symbolizing the type of the hint - ex. informational or warning.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-text-hint"
},
"items": []
}
Inputs
Content
Key: severity
Name: Content
Description: The content which will be displayed in the component. It is inputted using the editor.
Severity
Key: customIconCssClass
Name: Severity
Description: Severity defines the color of the text and places the corresponding icon infront of the text unless an Optional icon in specified, in which case that one is used
Optional icon
Key: customTextCssClass
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Toolbar dtl-fluent-toolbar
Toolbar
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-toolbar"
},
"items": []
}
Tsm Control tsm-control
Tsm Control - used for positioning static form-field components.
Widget Or Layout: layout
Value:
{
"type": "tsm-control",
"id": "",
"widget": {
"type": "tsm-control"
}
}
Inputs
ID
Key: default
Name: ID
Description: The unique identification of this component.
Default
Key: previewSelector
Name: Default
Description: Default
Preview selector
Key: inputs
Name: Preview selector
Description: Selector of the component that will be displayed if the ID core attribute is not found.
Read privilege
Key: read
Name: Read privilege
Write privilege
Key: write
Name: Write privilege
Preview selector
Key: config.inputs
Name: Preview selector
Description: Selector of the component that will be displayed if the ID core attribute is not found.
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
Code
Key: enableLabel
Name: Code
Description: The code for this component.
Show title
Key: disableCountIsSingleChild
Name: Show title
Description: Tick the checkbox if you wish the title to be visible. It can also be controlled with an expression using the expression editor.
Disable count is single child
Key: characteristicShowDisableErrors
Name: Disable count is single child
Description: If checked, editing fields in the characteristic in the fluent-inplace component will never autosave.
Typvazbyticketů tsm-ticket-link-type-lov
Lovboxtypůvazebticketů
Widget Or Layout: widget
Value:
{
"title": "Typvazbyticketů",
"widget": {
"type": "tsm-ticket-link-type-lov",
"readonly": false
},
"type": "string"
}
Inputs
Show clear
Key: disableLink
Name: Show clear
Disable link
Key: selectProperty
Name: Disable link
Value
Key: multiselect
Name: Value
More values
Key: default
Name: More values
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: profileId
Name: Title
Profile id
Key: pageSize
Name: Profile id
Page size
Key: filters
Name: Page size
Wizard dtl-fluent-steps
The steps component functions as a versatile wizard that guides users through a multi-step process. It organizes the steps with clear labels, allowing users to easily navigate through the process. With its intuitive interface, users can track their progress, move forward or backward, and complete complex tasks in a manageable manner. The component adjusts dynamically to accommodate varying numbers of steps, ensuring a seamless user experience.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "dtl-fluent-steps"
},
"items": [],
"config": {
"steps": [
{
"header": "Step 1",
"content": []
},
{
"header": "Step 2",
"content": []
}
]
}
}
Inputs
Button "Back"
Key: nextButton
Name: Button "Back"
Description: Button "Back"
Button "Next"
Key: dockNextButtonRight
Name: Button "Next"
Description: Button "Next"
Align "Next" button right
Key: flipButtons
Name: Align "Next" button right
Description: Align "Next" button right
Show "Next" button first
Key: stepsNumberHidden
Name: Show "Next" button first
Description: Show "Next" button first
Hide wizard step numbers
Key: disableStepValidations
Name: Hide wizard step numbers
Description: Hide wizard step numbers
Disable step validations
Key: disableNextSteps
Name: Disable step validations
Description: Disable step validations
Next steps disabled (all steps after the next one are not accessible)
Key: activeIndex
Name: Next steps disabled (all steps after the next one are not accessible)
Description: Next steps disabled (all steps after the next one are not accessible)
Default step
Key: header
Name: Default step
Description: Default step
Step name
Key: priv
Name: Step name
Description: The title for this step.
Privilege
Key: hidden
Name: Privilege
Description: The privilege for displaying component.
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 type
Key: ownerId
Name: Owner type
kategorieticketů-strom tsm-ticket-category-tree-lov
kategorieticketů-stromečkovézobrazení
Widget Or Layout: widget
Value:
{
"title": "kategorieticketů-strom",
"widget": {
"type": "tsm-ticket-category-tree-lov",
"readonly": false
},
"type": "object"
}
Inputs
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: style
Name: Show none text
Style
Key: disableLink
Name: Style
Disable link
Key: selectProperty
Name: Disable link
Select property
Key: default
Name: Select property
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: target
Name: Title
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
Text to display tsm-display-text
Any text to display
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-display-text"
},
"config": {
"text": "Text"
}
}
Inputs
Text
Key: text
Name: Text
Text
Key: formatText
Name: Text
Address Search tsm-address-input
Component for searching and selecting addresses with advanced filtering.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Address Search",
"widget": {
"type": "tsm-address-input"
}
}
Inputs
Show none text
Key: editType
Name: Show none text
Edit type
Key: default
Name: Edit type
Description: All – allows fetching the address, modifying it, or adding it manually.
externalAddressRequired – only fetching the external address.
externalAddressOptional – either fetching the external address or adding it manually.
Billing Document List tsm-billing-document-widget
Billing Document list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "",
"widget": {
"type": "tsm-billing-document-widget"
}
}
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Calendar Event List tsm-calendar-event-list-widget
List of calendar events in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Calendar Events",
"widget": {
"type": "tsm-calendar-event-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
Eventtypefilter
Key: id
Name: Eventtypefilter
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Customer List tsm-customer-list-widget
Customer list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Customer List",
"widget": {
"type": "tsm-customer-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10
}
}
Inputs
Title
Key: id
Name: Title
Description: Title
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Characteristic Select tsm-characteristics-lov
Selection of a characteristic from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Characteristic",
"widget": {
"type": "tsm-characteristics-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
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: layout
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: 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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Listing Profile Select dtl-listing-profile-lov
Selection of a listing profile from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Select a Listing Profile",
"widget": {
"type": "dtl-listing-profile-lov"
}
}
Inputs
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: entityType
Name: Show none text
Entity type
Key: selectFirstValue
Name: Entity type
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: default
Name: Value
Default value
Key: defaultFilters
Name: Default value
Log List tsm-log-list-widget
Log list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Log List",
"widget": {
"type": "tsm-log-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Notification List tsm-notification-tab
List of notifications in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Notification List",
"widget": {
"type": "tsm-notification-tab"
}
}
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Process Inst. Tasks Bookmark tsm-process-instance-tasks
Simple list of process instance tasks in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-process-instance-tasks"
}
}
Inputs
Business key
Key: businessKey
Name: Business key
Business key
Key: module
Name: Business key
Description: Business key
Report Table tsm-pivot-reporting-widget
Tabular representation of report data with filtering options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Report Table",
"widget": {
"type": "tsm-pivot-reporting-widget"
}
}
Inputs
Height
Key: showFilter
Name: Height
Show filter
Key: showTotalCountColumn
Name: Show filter
Show sum in the column
Key: labelTotalCountColumn
Name: Show sum in the column
Label for "sum in the column"
Key: showTotalCountRow
Name: Label for "sum in the column"
Show sum in the row
Key: labelTotalCountRow
Name: Show sum in the row
Label for "sum in the row"
Key: showLineNumber
Name: Label for "sum in the row"
Show line number
Key: scriptCode
Name: Show line number
Script
Key: configuration
Name: Script
Script Select tsm-script-lov
Selection of a script from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a Script",
"widget": {
"type": "tsm-script-lov"
}
}
Inputs
Type
Key: scriptTypes
Name: Type
Type
Key: default
Name: Type
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Stock Item List tsm-user-stock-items
Stock item list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-user-stock-items"
}
}
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Table dtl-fluent-editgrid
This component is used to generate a table. It is possible to edit the scheme and insert columns, set the default sorting and set the default number of displayed records.
Widget Or Layout: widget
Value:
{
"type": "array",
"items": {
"type": "object",
"properties": {
"col0": {
"type": "string",
"widget": {
"type": "text",
"validationMessages": {},
"notitle": true
}
},
"col1": {
"type": "string",
"widget": {
"type": "text",
"validationMessages": {},
"notitle": true
}
}
}
},
"config": {
"numberOfRows": {
"value": 0,
"onlyForEmpty": true
},
"headers": []
},
"widget": {
"type": "dtl-fluent-editgrid",
"notitle": true
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: customClass
Name: Default value
Custom class
Key: pageSize
Name: Custom class
Page size
Key: numberOfRows
Name: Page size
Default number of rows
Key: rowsPerPageOptions
Name: Default number of rows
Description: "value": displayed number of rows
"onlyForEmpty" = true: displayed set number of rows only if no data is stored in the table
"onlyForEmpty" = false: always displayed set number of rows (even if, for example, more are stored in the data)
Note: if the "onlyForEmpty" parameter is not set, the behavior corresponds to the "onlyForEmpty" = false setting
Rows per page options
Key: order
Name: Rows per page options
Text Item dtl-form-input-text
The basic component for general text input. Optionally you can configure validations, masks and visual behaviour. The validation ensures that the data entered meets certain criteria, such as being a certain length or having a specific format. The mask is used to format the text as it's being entered, such as adding dashes to a phone number or hyphens to a credit card number. This helps to improve the user experience by providing clear expectations for the type of data that should be entered and ensuring that the data is entered in a consistent format.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Text",
"widget": {
"type": "text"
}
}
Ticket Relationship List tsm-ticket-relationship-list
Relationship list of tickets in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Ticket Relationship List",
"widget": {
"type": "tsm-ticket-relationship-list"
},
"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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
User Select tsm-user-lov
Selection of a user from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User",
"widget": {
"type": "tsm-user-lov"
},
"type": "string"
}
Inputs
User group
Key: userGroups
Name: User group
User group
Key: includeCode
Name: User group
Code
Key: default
Name: Code
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Advice List tsm-advice-tab
Advice list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Advice List",
"widget": {
"type": "tsm-advice-tab"
},
"config": {}
}
Inputs
Ticket ID
Key: ticketId
Name: Ticket ID
Calendar Event Type Select tsm-calendar-event-type-lov
Selection of a calendar event type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Event Type",
"widget": {
"type": "tsm-calendar-event-type-lov"
},
"type": "string"
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: default
Name: Value
Campaign Wave List tsm-campaign-wave-list-widget
Campaign wave list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Campaign Wave List",
"widget": {
"type": "tsm-campaign-wave-list-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Instance Conf. Tree List tsm-entity-instance-tree
Tree-structured list of instance configurations.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Instance Configuration Tree",
"widget": {
"type": "tsm-entity-instance-tree"
}
}
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Listing Column Select dtl-listing-column-field-lov
Selection of a listing column from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Select a Listing Column",
"widget": {
"type": "dtl-listing-column-field-lov"
}
}
Inputs
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectProperty
Name: Show none text
Value
Key: listingCode
Name: Value
Listing
Key: addRowWrap
Name: Listing
Wrap value in row['value']
Key: default
Name: Wrap value in row['value']
Long text dtl-form-input-textarea
The text area is a multi-line text input field in a form that is used to collect large amounts of text data from the user. Unlike a regular text field, a text area can accommodate multiple lines of text, making it well-suited for collecting longer pieces of information such as descriptions, comments, or feedback. The use of a text area helps to make it easy for users to enter and read large amounts of text data, while also providing a way to ensure that the data collected is accurate and consistent. If you want the user to enter Rich text (such as title, colors, font size, font weight etc., use Rich Text
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Textarea",
"widget": {
"type": "textarea"
}
}
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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Region Layer Select tsm-region-layer-lov
Selection of a region layer from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "widget",
"title": "Select a Region Layer",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Report Chart tsm-chart-reporting-widget
Graphical representation of report data.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Report Chart",
"widget": {
"type": "tsm-chart-reporting-widget"
}
}
Inputs
Script
Key: scriptCode
Name: Script
Script
Key: buttonsPosition
Name: Script
Buttons position
Key: configuration
Name: Buttons position
Stock Item Select tsm-stock-item-sn-lov
Selection of a stock item from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Stock Item",
"type": "string",
"widget": {
"type": "tsm-stock-item-sn-lov"
}
}
Inputs
Remove value on change
Key: customerId
Name: Remove value on change
Customer
Key: ownerId
Name: Customer
User
Key: entityCatalogSpecificationId
Name: User
Service definition
Key: default
Name: Service definition
Default value
Key: defaultFilters
Name: Default value
Task History Bookmark tsm-task-history
Simple list of task history entries in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-history"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: task
Name: Default value
User register tsm-register-value-lov
The component allows selection from an enum, it is possible to filter using an input for a more convenient selection of the desired value.The enum can be selected in the settings.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Code List",
"widget": {
"type": "tsm-register-value-lov"
}
}
Inputs
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Description: Sets readonly attribute for filtering input
Show clear
Key: resultEmptyType
Name: Show clear
Description: Sets the visibility of the delete button for clearing text in the filtering input
Empty
Key: showNoneText
Name: Empty
Description: If the filtering attribute is filled in and the filtering value has no length simultaneously, it will overwrite the filtering value in the default filter to ['00000000-0000-0000-0000-000000000000'] for array type or '00000000-0000-0000-0000-000000000000' for string type.
Show none text
Key: hideCode
Name: Show none text
Hide code
Key: defaultTreeViewMode
Name: Hide code
Default tree view mode
Key: multiselect
Name: Default tree view mode
Selection using a listing (one or more values)
Key: disableLink
Name: Selection using a listing (one or more values)
Disable link
Key: selectionMode
Name: Disable link
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Multiple value storage mode
Key: profileId
Name: Multiple value storage mode
A profile that defines the display of columns
Key: displayField
Name: A profile that defines the display of columns
A profile that defines the display of columns
Key: registerCode
Name: A profile that defines the display of columns
User register
Key: selectProperty
Name: User register
Value
Key: customColumns
Name: Value
Columns
Key: selectItemFilters
Name: Columns
Description: If the option "Value" is selected as "Custom", it is necessary to define the columns to be stored.
The definition must ALWAYS contain the "id" and "code" attribute, eg: ["id", "code", "name"].
Select item filters
Key: messageFromInvalidSelectItem
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: pageSize
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.
Page size
Key: default
Name: Page size
Description: The number of records that the component will offer after clicking. The supported range is 20 to 500 records.
Default value
Key: defaultFilters
Name: Default value
User Role Select tsm-user-role-lov
Selection of a user role from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User Role",
"widget": {
"type": "tsm-user-role-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Worklog List tsm-worklog-list
List of worklogs in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Worklog List",
"widget": {
"type": "tsm-worklog-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
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
}
}
Calendar Subtype Select tsm-calendar-subtype-lov
Selection of a calendar subtype from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Calendar Subtype",
"widget": {
"type": "tsm-calendar-subtype-lov"
},
"type": "string"
}
Inputs
Placeholder
Key: filterable
Name: Placeholder
Show filter
Key: allowedValues
Name: Show filter
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: catalogCode
Name: Default tree view mode
Catalog
Key: listingId
Name: Catalog
Listing ID
Key: selectItemFilters
Name: Listing ID
Select item filters
Key: default
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: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Comments Bookmark dtl-comments-widget
Simple list of comments in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Comments Bookmark",
"widget": {
"type": "dtl-comments-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Owner Id
Key: parentPriv
Name: Owner Id
Parent privilege
Key: commentTypeAllowEmpty
Name: Parent privilege
Allow empty comment type
Key: commentTypeCodes
Name: Allow empty comment type
Description: Allow empty comment type
Allowed comment types
Key: defaultCommentType
Name: Allowed comment types
Default comment type
Key: hiddenTableFilter
Name: Default comment type
Hidden table filter
Key: hiddenTableMenu
Name: Hidden table filter
Description: The filters won´t be visible anymore
Hidden table menu
Key: hiddenTableProfile
Name: Hidden table menu
Description: Menu won´t be visible anymore
Hidden table profile
Key: context
Name: Hidden table profile
Description: Profile won´t be visible anymore
Context
Key: showFoldControls
Name: Context
Description: Context
Controls for expanding/collapsing comments
Key: listingId
Name: Controls for expanding/collapsing comments
Listing ID
Key: listingTypeCode
Name: Listing ID
Listing
Key: profileId
Name: Listing
Profile
Key: defaultFilters
Name: Profile
Editor dtl-form-input-tiptap
The rich text field, also known as a WYSIWYG (What You See Is What You Get) editor, is a type of text input field in a form that allows users to enter and format text with various styles, such as bold, italic, and underline. This type of text field is well-suited for collecting information that requires visual formatting, such as descriptions or comments. Rich text fields can also include validation to ensure that the entered data meets specific criteria, such as having a minimum or maximum length. The use of a rich text field helps to improve the user experience by allowing users to create visually appealing and well-formatted text, while also providing a way to ensure that the data collected is accurate and consistent.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Textarea",
"widget": {
"type": "tiptap"
}
}
Form Select tsm-config-form-lov
Selection of a form from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Select a Form",
"widget": {
"type": "tsm-config-form-lov"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: default
Name: Value
Lead List tsm-lead-list-widget
Lead list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Lead List",
"widget": {
"type": "tsm-lead-list-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Product Conf. List tsm-entity-instance-configuration-list-widget-new
List of product configurations in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Product Configuration List",
"widget": {
"type": "tsm-entity-instance-configuration-list-widget-new"
},
"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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Related Entity List tsm-related-entity-tab
Related entity information list in a tabular view with filtering and editing options..
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Related entity list",
"widget": {
"type": "tsm-related-entity-tab"
},
"config": {}
}
Inputs
Show risks
Key: relatedEntity
Name: Show risks
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: 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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
Stock Item Type Select tsm-stock-item-type-lov
Selection of a stock item type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Stock item type",
"type": "string",
"widget": {
"type": "tsm-stock-item-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Task Logs Bookmark tsm-task-logs
Simple list of task logs in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-logs"
}
}
User Group Select tsm-user-group-lov
Selection of a user group from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User Group",
"widget": {
"type": "tsm-user-group-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Accounts Bookmark tsm-accounts-bookmark
Simple list of accounts in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-accounts-bookmark"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: customerFilter
Name: Default value
Customer filter
Key: personFilter
Name: Customer filter
Description: Customer filter
Person filter
Key: accountTypeId
Name: Person filter
Description: Person filter
Account type
Key: previewMode
Name: Account type
Description: Account type
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Calendar Template Select tsm-calendar-template-lov
Selection of a calendar template from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Calendar Template",
"widget": {
"type": "tsm-calendar-template-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
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: catalogCode
Name: Default tree view mode
Catalog
Key: listingId
Name: Catalog
Listing ID
Key: selectItemFilters
Name: Listing ID
Select item filters
Key: default
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: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Entity Type Select tsm-entity-type-lov
Selection of an entity type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select an Entity Type",
"widget": {
"type": "tsm-entity-type-lov"
},
"config": {
"selectProperty": "code"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Instance Conf. Bookmark tsm-entity-instance-configuration-list-panel
Simple list of instance configurations in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "",
"widget": {
"type": "tsm-entity-instance-configuration-list-panel"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: entityInstanceId
Name: Default value
Numeric field dtl-form-input-number
The numeric field is an input field in a form that is used to collect numerical data from the user. The field is typically formatted to only accept numbers and can be further customized to restrict the type of numbers that are accepted. For example, the field could be set up to only accept positive numbers, whole numbers, or numbers within a certain range. Validation can also be applied to the numeric field to ensure that the entered data meets specific criteria, such as being within a certain range or having a specific number of decimal places. The use of a numeric field helps to ensure that the data collected is accurate and consistent, and also makes it easier to process the data in downstream applications.
Widget Or Layout: widget
Value:
{
"type": "number",
"title": "Number",
"widget": {
"type": "number"
}
}
Object layout dtl-fluent-section
The object is a data structure that contains a set of named properties, each of which has a value. The object field type is typically used in forms to collect data that is organized into a set of related properties. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a specific property of the object. The use of an object field type helps to simplify the process of data entry, by providing a clear and organized way to collect related data elements. The field can also be used to enforce data constraints or to validate the data entered into the form, by using built-in validation rules or custom validation logic. tSM Forms Designer creates both - visual UI for the user and underlying data structure. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. See <a href="https://json-schema.org/understanding-json-schema/reference/object.html#object" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/object.html#object</a> for more details.
Widget Or Layout: widget
Value:
{
"type": "object",
"properties": {},
"widget": {
"type": "dtl-fluent-section"
}
}
Inputs
Show bottom border of inputs
Key: compactMode
Name: Show bottom border of inputs
Description: Show bottom border of inputs even if form is in read-only state (only works for inputs with the title position set to "Top")
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
Default value
Key: accountId
Name: Default value
Account
Key: customerId
Name: Account
Description: Account
Customer
Key: quoteRef
Name: Customer
Description: Customer
Quote
Key: filter
Name: Quote
Description: Quote
Filters
Key: previewMode
Name: Filters
Description: Filters
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Stock Select tsm-stock-lov
Selection of stock from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Stock",
"type": "string",
"widget": {
"type": "tsm-stock-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Task Variables Bookmark tsm-task-variables
Simple list of task variables in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-variables"
}
}
Ticket Task List tsm-ticket-task-list
Task list related to tickets in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Ticket Task List",
"widget": {
"type": "tsm-ticket-task-list"
},
"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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
User Group Type Select tsm-user-group-type-lov
Selection of a user group type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User Group Type",
"widget": {
"type": "tsm-user-group-type-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Worklogs Bookmark dtl-worklogs-widget
Simple list of worklogs in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "",
"widget": {
"type": "dtl-worklogs-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Owner Id
Key: worklogTypeAllowEmpty
Name: Owner Id
Allow empty worklog type
Key: worklogTypeCodes
Name: Allow empty worklog type
Description: Allow empty worklog type
Allowed worklog types
Key: defaultWorklogType
Name: Allowed worklog types
Default worklog type
Key: hiddenTableFilter
Name: Default worklog type
Hidden table filter
Key: hiddenTableMenu
Name: Hidden table filter
Description: The filters won´t be visible anymore
Hidden table menu
Key: hiddenTableProfile
Name: Hidden table menu
Description: Menu won´t be visible anymore
Hidden table profile
Key: context
Name: Hidden table profile
Description: Profile won´t be visible anymore
Context
Key: listingTypeCode
Name: Context
Description: Context
Listing
Key: profileId
Name: Listing
Array dtl-fluent-fieldset
The array field type is a type of input field used to collect and store data in the form of an array. An array is a data structure that contains a ordered collection of elements, where each element can be of any data type. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a single element in the array. Array element can be also a complex Object, designed using Object field type. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. See <a href="https://json-schema.org/understanding-json-schema/reference/array.html" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/array.html</a> for more details.
Widget Or Layout: widget
Value:
{
"type": "array",
"widget": {
"type": "dtl-fluent-fieldset"
},
"items": {},
"config": {
"numberOfRows": {
"value": 0,
"onlyForEmpty": true
}
}
}
Inputs
Read only
Key: readonly
Name: Read only
Read only
Key: legend
Name: Read only
Legend (title)
Key: disableLegendForEmptyAndReadonly
Name: Legend (title)
Description: Title displayed above the component.
Disable legend
Key: numberOfRows
Name: Disable legend
Description: Tick the checkbox if you wish to turn off the legend if readonly mode is enabled and the component does not contain any data.
Attachments Bookmark dtl-attachments-widget
Simple list of attachments in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Attachments Bookmark",
"widget": {
"type": "dtl-attachments-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Owner Id
Key: attachmentTypeAllowEmpty
Name: Owner Id
Allow empty attachment type
Key: attachmentTypeCodes
Name: Allow empty attachment type
Description: Allow empty attachment type
Allowed attachment types
Key: hiddenFileType
Name: Allowed attachment types
Hidden file type
Key: hiddenSizeUnit
Name: Hidden file type
Description: Hidden file type won´t be visible anymore
Hidden size unit
Key: hiddenWhenInserted
Name: Hidden size unit
Description: Hidden size unit won´t be visible anymore
Hidden when inserted
Key: hiddenWhoInserted
Name: Hidden when inserted
Description: Hidden when inserted won´t be visible anymore
Hidden who inserted
Key: hiddenAttachmentTypeName
Name: Hidden who inserted
Description: Hidden who inserted won´t be visible anymore
Hidden attachment type name
Key: hiddenTableDropFile
Name: Hidden attachment type name
Description: Hidden attachment type name won´t be visible anymore
Hidden table drop file
Key: hiddenTableFilter
Name: Hidden table drop file
Description: The drop zone won´t be visible anymore
Hidden table filter
Key: hiddenTableMenu
Name: Hidden table filter
Description: The filters won´t be visible anymore
Hidden table menu
Key: hiddenTableProfile
Name: Hidden table menu
Description: Menu won´t be visible anymore
Hidden table profile
Key: previewMode
Name: Hidden table profile
Description: Profile won´t be visible anymore
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Preview mode - display only count.
Key: profileId
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Calendar Event Conf. Card tsm-calendar-event-configuration-data
Card displaying configuration details for calendar events.
Widget Or Layout: widget
Value:
{
"title": "Event Configuration",
"widget": {
"type": "tsm-calendar-event-configuration-data"
},
"type": "object"
}
Inputs
Event type
Key: calendarEventType
Name: Event type
Event type
Key: listingCode
Name: Event type
Listing
Key: addRowWrap
Name: Listing
Calendar Panel tsm-calendar
Panel displaying an overview of the calendar.
Widget Or Layout: layout
Value:
{
"title": "Calendar",
"widget": {
"type": "tsm-calendar"
},
"type": "layout",
"config": {
"filterOnlyByOwner": true
}
}
Inputs
Filter event by owner
Key: canAddEvent
Name: Filter event by owner
Can add event
Key: canEditEvent
Name: Can add event
Can edit event
Key: showEventTitle
Name: Can edit event
Show event title
Key: showEventType
Name: Show event title
Show event type
Key: showEventUser
Name: Show event type
Show event user
Key: recurrentOnlyCustom
Name: Show event user
Recurrent only custom
Key: eventTypes
Name: Recurrent only custom
Default view mode
Key: defaultViewMode
Name: Default view mode
Default view mode
Key: hideLinks
Name: Default view mode
Hide links
Key: ownerId
Name: Hide links
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: defaultEventValues
Name: Owner type
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: entityType
Name: Default tree view mode
Entity type
Key: profileId
Name: Entity type
A profile that defines the display of columns
Key: removeValueOnChange
Name: A profile that defines the display of columns
Remove value on change
Key: catalogCode
Name: Remove value on change
Catalog
Key: catalogTypes
Name: Catalog
Catalog types
Key: relationshipAddWithParent
Name: Catalog types
Description: Example for one: "kód1"
Example for more: ["code1", "code2"]
Automatically add children
Key: categoryCodes
Name: Automatically add children
Category
Key: excludeCategoryCodes
Name: Category
Exclude category codes
Key: listingId
Name: Exclude category codes
Description: List of codes that will be excluded with filter
Listing ID
Key: selectItemFilters
Name: Listing ID
Select item filters
Key: messageFromInvalidSelectItem
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: default
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: catalogChars
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Date & Time dtl-form-input-date
The date time field is an input field in a form that is used to collect date and time information from the user. Use configuration to select if the user should input Date and / Or Time parts. The field presents the user with a calendar-style interface, making it easy to select a specific date and time. Date fields may include validation to ensure that the entered data meets specific criteria, such as being within a certain range or being a valid date format.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Date",
"widget": {
"type": "date"
}
}
Instance Conf. Relation Bookmark tsm-entity-instance-relationship
Simple list of relationships for instance configurations in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "",
"widget": {
"type": "tsm-entity-instance-relationship"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: entityInstanceConfiguration
Name: Default value
Listing Type Select dtl-listing-type-lov
Selection of a listing type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Select a Listing Type",
"widget": {
"type": "dtl-listing-type-lov"
}
}
Inputs
Entity type
Key: default
Name: Entity type
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Persons Bookmark tsm-persons-bookmark
Simple list of persons in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-persons-bookmark"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: previewMode
Name: Default value
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Preview mode - display only count.
Key: showUsage
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Show usage column
Key: filter
Name: Show usage column
Description: Show usage column
Process Definition Select tsm-process-definition-lov
Selection of a process definition from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Process Definition",
"widget": {
"type": "tsm-process-definition-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Stock Movement Type Select tsm-stock-movement-type-lov
Selection of a stock movement type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Stock movement type",
"type": "string",
"widget": {
"type": "tsm-stock-movement-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Task Definition Select tsm-task-definition-lov
Selection of a task definition from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Task Definition",
"widget": {
"type": "tsm-task-definition-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket List tsm-ticket-list-widget
Ticket list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Ticket List",
"widget": {
"type": "tsm-ticket-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
User Privilege Select tsm-user-privilege-lov
Selection of a user privilege from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User privilege",
"widget": {
"type": "tsm-user-privilege-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Accordion array dtl-fluent-accordion-array
The accordion array field type is a type of input field used to collect and store data in the form of an array. An array is a data structure that contains a ordered collection of elements, where each element can be of any data type. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a single element in the array. Array element can be also a complex Object, designed using Object field type. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. Every array item is wrapped inside accordion tab. See <a href="https://json-schema.org/understanding-json-schema/reference/array.html" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/array.html</a> for more details.
Widget Or Layout: widget
Value:
{
"type": "array",
"widget": {
"type": "dtl-fluent-accordion-array"
},
"items": {},
"config": {}
}
Addresses Bookmark tsm-crm-addresses-bookmark
Simple list of addresses in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-crm-addresses-bookmark"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: filter
Name: Default value
Filters
Key: previewMode
Name: Filters
Description: Filters
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Preview mode - display only count.
Key: showUsage
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Comment Type Select tsm-comment-type-lov
Selection of a comment type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Select a Comment Type",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {}
}
Inputs
Show none text
Key: ignoreCommentTypeLovPrivileges
Name: Show none text
Ignore comment type privileges
Key: defaultCommentType
Name: Ignore comment type privileges
Default comment type
Key: selectProperty
Name: Default comment type
Value
Key: multiselect
Name: Value
Selection using a listing (one or more values)
Key: default
Name: Selection using a listing (one or more values)
Default value
Key: filterByCodes
Name: Default value
Configuration Profile Select Panel tsm-entity-specifications-base-info
Selection of a configuration profile on the panel.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Select a Configuration Profile ",
"widget": {
"type": "tsm-entity-specifications-base-info"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: specsIds
Name: Default value
Specs id
Key: specsCode
Name: Specs id
Specs code
Key: permissions
Name: Specs code
Permissions
Key: showClearEntitySpecification
Name: Permissions
Show clear
Key: entityType
Name: Show clear
Entity type
Key: ngrxAction
Name: Entity type
Ngrx action
Key: ngrxActionData
Name: Ngrx action
Description: Specify the ngrx action that will be dispatched after the form is submitted.
Extender object
Key: helpMessage
Name: Extender object
Description: Specify the data that will be dispatched with the ngrx action.
Help
Key: defaultFilters
Name: Help
Description: Help
Full Calendar Panel tsm-full-calendar
Full calendar panel with all events displayed.
Widget Or Layout: layout
Value:
{
"title": "Full Calendar",
"widget": {
"type": "tsm-full-calendar"
},
"type": "layout",
"config": {
"filterOnlyByOwner": true,
"canAddEvent": true,
"canEditEvent": true,
"hideLeftPanel": true
}
}
Inputs
Hide left panel
Key: filterOnlyByOwner
Name: Hide left panel
Filter event by owner
Key: ownerId
Name: Filter event by owner
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: canAddEvent
Name: Owner type
Can add event
Key: canEditEvent
Name: Can add event
Can edit event
Key: recurrentOnlyCustom
Name: Can edit event
Recurrent only "none" or "custom"
Key: hideLinks
Name: Recurrent only "none" or "custom"
Show event title
Key: showEventTitle
Name: Show event title
Show event type
Key: showEventType
Name: Show event type
Show event user
Key: showEventUser
Name: Show event user
Show event user
Key: eventTypes
Name: Show event user
Allowed event types
Key: defaultViewMode
Name: Allowed event types
Default view mode
Key: defaultEventValues
Name: Default view mode
Instance Conf. Select tsm-entity-instance-configuration-lov
Selection of an instance configuration from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Instance Configuration",
"widget": {
"type": "tsm-entity-instance-configuration-lov"
}
}
Inputs
Remove value on change
Key: customerId
Name: Remove value on change
Customer
Key: accountId
Name: Customer
Account
Key: showAddress
Name: Account
Address
Key: showSerialNumber
Name: Address
Serial number
Key: showCatalogCategoryName
Name: Serial number
Catalog category
Key: showCatalogSpecificationCode
Name: Catalog category
Specification code
Key: listingId
Name: Specification code
Listing ID
Key: profileCode
Name: Listing ID
Profile
Key: default
Name: Profile
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
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
Default value
Key: catalogSpecificationDefaultViewMode
Name: Default value
Display mode of catalog items in a table
Key: order
Name: Display mode of catalog items in a table
Order
Key: type
Name: Order
Description: Order
Type
Key: entitySpecificationFilter
Name: Type
Description: Type
Filters
Key: previewMode
Name: Filters
Description: Filters
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Preview mode - display only count.
Key: showAddNewConfiguration
Name: Preview mode - display only count.
Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.
Show button - Add new configuration
Key: showAddExistsConfiguration
Name: Show button - Add new configuration
Show button - Add exists configuration
Key: showChooseWorkOnService
Name: Show button - Add exists configuration
Show button - Select work on service
Key: showOperation
Name: Show button - Select work on service
Show operation
Key: showName
Name: Show operation
Show name
Key: showCategory
Name: Show name
Show category
Key: showWork
Name: Show category
Show work
Key: showProductId
Name: Show work
Show product id
Key: showProductCode
Name: Show product id
Show product code
Key: showPrice
Name: Show product code
Show price
Key: otherOrderLineColumns
Name: Show price
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
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
Default value
Key: accountId
Name: Default value
Account
Key: customerId
Name: Account
Description: Account
Customer
Key: readonly
Name: Customer
Description: Customer
Read only
Key: filter
Name: Read only
Description: Read only
Stock Type Select tsm-stock-type-lov
Selection of a stock type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select Stock type",
"type": "string",
"widget": {
"type": "tsm-stock-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Task Details Card tsm-task-details
Card displaying details of a specific task.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-task-details"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: businessKey
Name: Default value
Task Status Select tsm-task-status-lov
Selection of a task status from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Task status",
"widget": {
"type": "tsm-task-status-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Related Entity List tsm-ticket-list-related-entity-widget
Related entity ticket list in a tabular view with filtering and editing options.
Widget Or Layout: layout
Value:
{
"title": "Ticket Related Entity List",
"widget": {
"type": "tsm-ticket-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.
translation.configFormWidgets.basicEditor.customStyleClass.label
Key: customStyleClass
Name: translation.configFormWidgets.basicEditor.customStyleClass.label
Description: translation.configFormWidgets.basicEditor.customStyleClass.tooltip
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional context data for the listing.
Listing Type
Key: listing
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.
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.
Filters
Key: filters
Name: Filters
Description: translation.configFormWidgets.basicEditor.filters.tooltip
User Type Select tsm-user-type-lov
Selection of a user type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select User type",
"widget": {
"type": "tsm-user-type-lov"
},
"type": "string"
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Address Roles Bookmark tsm-crm-address-roles-bookmark
Simple list of address roles in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-crm-address-roles-bookmark"
}
}
Instance Conf. Status Bar tsm-entity-instance-steps
Overview of the current status of the instance configuration with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "",
"widget": {
"type": "tsm-entity-instance-steps"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: entityInstanceConfiguration
Name: Default value
New Calendar Button tsm-calendar-create-button
Button to create a new calendar.
Widget Or Layout: layout
Value:
{
"title": "",
"widget": {
"type": "tsm-calendar-create-button"
},
"type": "layout",
"config": {
"ownerId": "",
"ownerType": ""
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Notification Template Select tsm-notification-template-lov
Selection of a notification template from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a Notification Template",
"widget": {
"type": "tsm-notification-template-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: default
Name: Value
Default value
Key: defaultFilters
Name: Default value
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
Customer
Key: default
Name: Customer
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Task Action Template Select tsm-task-action-template-lov
Selection of a task action template from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Task action template",
"widget": {
"type": "tsm-task-action-template-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket History tsm-ticket-history
History of actions and changes related to the ticket in a clear view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Ticket History",
"widget": {
"type": "tsm-ticket-history"
},
"config": {}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: compact
Name: Owner type
Owner type
Key: config.ownerType
Name: Owner type
Formatter Doc. Template Select tsm-formatter-document-template-lov
Selection of a document template for formatting from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a Document Template",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: defaultFilters
Name: Value
Filters
Key: default
Name: Filters
Process Group Select tsm-process-group-lov
Selection of a process group from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Process Group",
"widget": {
"type": "tsm-process-group-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Process Type Select tsm-process-type-lov
Selection of a process type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Process Type",
"widget": {
"type": "tsm-process-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Relationship Bookmark tsm-relationship-tab
Bookmark displaying relationship information.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-relationship-tab"
},
"items": []
}
Inputs
Parent privilege
Key: ticket
Name: Parent privilege
Ticket
Key: readonly
Name: Ticket
Description: Ticket
Read only
Key: previewMode
Name: Read only
Description: Read only
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Responsible Persons Bookmark tsm-responsible-persons-bookmark
Simple list of responsible persons in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-responsible-persons-bookmark"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: customerId
Name: Default value
Customer
Key: type
Name: Customer
Description: Customer
Type
Key: order
Name: Type
Order
Key: account
Name: Order
Account
Key: readonly
Name: Account
Read only
Key: parentPriv
Name: Read only
Description: Read only
Parent privilege
Key: previewMode
Name: Parent privilege
Description: Parent privilege
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Contacts Bookmark tsm-contacts-manager
Simple list of contacts in a tabular view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-contacts-manager"
}
}
Inputs
Parent privilege
Key: ownerType
Name: Parent privilege
Owner type
Key: entity
Name: Owner type
Customer
Key: previewMode
Name: Customer
Description: Customer
Preview mode
Key: displayOnlyPreviewModeCount
Name: Preview mode
Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.
Owner type
Key: config.ownerType
Name: Owner type
Email Communication Panel tsm-communication-widget
Panel for managing and displaying email communications.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-communication-widget"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: templateCode
Name: Owner type
Template code
Key: hashtagOption
Name: Template code
Hash suggestions
Key: suggestionScriptCode
Name: Hash suggestions
Description: Hash suggestions
Script for suggestions
Key: suggestionScriptData
Name: Script for suggestions
Script data for suggestions
Key: clickScriptCode
Name: Script data for suggestions
Description: Script data for suggestions
Script after click
Key: clickScriptData
Name: Script after click
Script data after click
Key: signatureRegisterCode
Name: Script data after click
Description: Additional params for script evaluation
Signature
Key: reviewRegisterValue
Name: Signature
Review - register value
Key: contactEmail
Name: Review - register value
Contact email
Key: moreSelector
Name: Contact email
Component selector to display more data
Key: moreInputs
Name: Component selector to display more data
Owner type
Key: config.ownerType
Name: Owner type
Instance Conf. Cost Card tsm-entity-instance-configuration-cost
Card displaying cost details for instance configurations.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Instance Configuration Costs",
"widget": {
"type": "tsm-entity-instance-configuration-cost"
}
}
Inputs
Entity instance configuration id
Key: entityInstanceConfigurationId
Name: Entity instance configuration id
Entity instance configuration id
Key: productIds
Name: Entity instance configuration id
Product ids
Key: catalogId
Name: Product ids
Catalog ID
Key: catalogCode
Name: Catalog ID
Catalog code
Key: catalogCodes
Name: Catalog code
Catalog codes
Key: catalogLifecycleStatusCode
Name: Catalog codes
Catalog lifecycle status code
Key: categoryCodes
Name: Catalog lifecycle status code
Category codes
Key: excludeCategoryCodes
Name: Category codes
Exclude category codes
Key: productCodes
Name: Exclude category codes
Product codes
Key: productTypeCodes
Name: Product codes
Product type codes
Key: lifecycleStatusCode
Name: Product type codes
Lifecycle status code
Key: excludeIds
Name: Lifecycle status code
Exlude ids
Key: excludeCodes
Name: Exlude ids
Exclude codes
Key: entityType
Name: Exclude codes
Entity type
Key: relationshipParentId
Name: Entity type
Relationship parent id
Key: relationshipParentCode
Name: Relationship parent id
Relationship parent code
Key: relationshipTypeCodes
Name: Relationship parent code
Relationship type code
Key: relationshipAddWithParent
Name: Relationship type code
Relationship add with parent
Key: entityInstanceTypes
Name: Relationship add with parent
Entity instance types
Key: chars
Name: Entity instance types
New Dependent Instance Button tsm-entity-instance-create-dependent
Button to create a dependent instance.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "New Dependent Entity Instance Button",
"widget": {
"type": "tsm-entity-instance-create-dependent"
}
}
Inputs
Inventory
Key: entityInstanceConfiguration
Name: Inventory
Inventory
Key: defaultType
Name: Inventory
Description: Inventory
Default type
Key: entityInstanceConf
Name: Default type
Default type
Key: icon
Name: Default type
Description: Default type
Icon
Key: redirectToDetail
Name: Icon
Task Status Group Select tsm-task-status-group-lov
Selection of a task status group from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Task status group",
"widget": {
"type": "tsm-task-status-group-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Category Select tsm-ticket-category-lov
Selection of a ticket category from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Category",
"widget": {
"type": "tsm-ticket-category-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Allowed values
Key: default
Name: Allowed values
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Advice Type Select tsm-advice-type-lov
Selection of an advice type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select an Advice Type",
"widget": {
"type": "tsm-advice-type-lov"
},
"type": "object"
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: default
Name: Value
Customer History tsm-customer-history
History of actions and changes made to the customer in a clear view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-customer-history"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: compact
Name: Owner type
Owner type
Key: config.ownerType
Name: Owner type
New Instance Conf. Dialog tsm-entity-instance-new-container
Dialog for creating a new instance configuration.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "New Instance Configuration",
"widget": {
"type": "tsm-entity-instance-new-container"
}
}
Account History tsm-account-history
History of actions and changes made to the account in a clear view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-account-history"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: compact
Name: Owner type
Owner type
Key: config.ownerType
Name: Owner type
IP Address Input tsm-ip-address
Input field for entering an IP address.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Enter IP Address",
"widget": {
"type": "tsm-ip-address",
"notitle": true
}
}
Inputs
Default value
Key: default
Name: Default value
Ticket Problem Select tsm-ticket-problem-lov
Selection of a ticket problem from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Problem",
"widget": {
"type": "tsm-ticket-problem-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Allowed values
Key: selectionMode
Name: Allowed values
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Multiple value storage mode
Key: default
Name: Multiple value storage mode
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Lead History tsm-lead-history
History of actions and changes made to the lead in a clear view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-lead-history"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: compact
Name: Owner type
Owner type
Key: config.ownerType
Name: Owner type
Ticket Problem Tree Select tsm-ticket-problem-tree-lov
Selection of a ticket problem from a tree-structured dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Problem",
"widget": {
"type": "tsm-ticket-problem-tree-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Allowed values
Key: selectionMode
Name: Allowed values
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Multiple value storage mode
Key: default
Name: Multiple value storage mode
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Person History tsm-person-history
History of actions and changes made to the person in a clear view.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-person-history"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Owner Id
Key: ownerType
Name: Owner Id
Owner type
Key: compact
Name: Owner type
Owner type
Key: config.ownerType
Name: Owner type
Ticket Resolution Select tsm-ticket-resolution-lov
Selection of a ticket resolution from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Resolution",
"widget": {
"type": "tsm-ticket-resolution-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Is link value
Key: allowedValues
Name: Is link value
Allowed values
Key: default
Name: Allowed values
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Select tsm-ticket-lov
Selection of a ticket from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket",
"widget": {
"type": "tsm-ticket-lov"
},
"type": "string",
"config": {}
}
Inputs
Type
Key: disableKey
Name: Type
Disable key
Key: listingTypeCode
Name: Disable key
Listing
Key: profileId
Name: Listing
A profile that defines the display of columns
Key: default
Name: A profile that defines the display of columns
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Status Select tsm-ticket-status-lov
Selection of a ticket status from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Status",
"widget": {
"type": "tsm-ticket-status-lov"
},
"type": "string",
"config": {
"selectProperty": "code"
}
}
Inputs
Already selected status ids
Key: default
Name: Already selected status ids
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Related Party Role Select tsm-ticket-related-party-role-lov
Selection of a ticket related party role from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Related Party Role",
"widget": {
"type": "tsm-ticket-related-party-role-lov"
},
"type": "string",
"config": {
"selectProperty": "code"
}
}
Inputs
Show clear
Key: selectProperty
Name: Show clear
Value
Key: default
Name: Value
Ticket Priority Select tsm-ticket-priority-lov
Selection of a ticket priority from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Priority",
"widget": {
"type": "tsm-ticket-priority-lov"
},
"type": "string",
"config": {
"selectProperty": "code"
}
}
Inputs
Show clear
Key: module
Name: Show clear
Module
Key: disableLink
Name: Module
Disable link
Key: selectProperty
Name: Disable link
Value
Key: default
Name: Value
Ticket Severity Select tsm-ticket-severity-lov
Selection of a ticket severity from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Severity",
"widget": {
"type": "tsm-ticket-severity-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Show clear
Key: module
Name: Show clear
Module
Key: selectProperty
Name: Module
Value
Key: default
Name: Value
Ticket Related Entity Select tsm-ticket-related-entity-lov
Selection of a related entity for tickets from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Related Entity",
"widget": {
"type": "tsm-ticket-related-entity-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Ticket ID
Key: relatedEntityType
Name: Ticket ID
Type
Key: listingId
Name: Type
Listing ID
Key: default
Name: Listing ID
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Type Select tsm-ticket-type-lov
Selection of a ticket type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Type",
"widget": {
"type": "tsm-ticket-type-lov"
},
"type": "string",
"config": {
"selectProperty": "id"
}
}
Inputs
Show clear
Key: filterable
Name: Show clear
Show filter
Key: selectProperty
Name: Show filter
Value
Key: filterCodes
Name: Value
Filter codes
Key: module
Name: Filter codes
Module
Key: showPlaceholder
Name: Module
Show placeholder
Key: default
Name: Show placeholder
Ticket Template Type Select tsm-ticket-template-type-lov
Selection of a ticket template type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Template Type",
"widget": {
"type": "tsm-ticket-template-type-lov"
},
"type": "string",
"config": {
"module": "ChangeManagement",
"selectProperty": "id"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
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: default
Name: Disable link
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Ticket Related Entity Type Select tsm-ticket-related-entity-type-lov
Selection of a ticket related entity type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Related Entity Type",
"widget": {
"type": "tsm-ticket-related-entity-type-lov"
},
"type": "string",
"config": {
"selectProperty": "code"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Value
Key: filterCodes
Name: Value
Ticket Channel Select tsm-ticket-channel-lov
Selection of a ticket channel from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket Channel",
"widget": {
"type": "tsm-ticket-channel-lov"
},
"type": "string",
"config": {
"dataKey": "code"
}
}
Inputs
Disable link
Key: default
Name: Disable link
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Active Advices Panel tsm-advice-active-widget
Panel displaying details of ticket active advices.
Widget Or Layout: layout
Value:
{
"widget": {
"type": "tsm-advice-active-widget"
},
"config": {
"ticketId": "null"
},
"type": "layout"
}
Inputs
Ticket ID
Key: ticketId
Name: Ticket ID
Related Entity Detail Reference Data tsm-related-entity-detail-refdata
Related Entity Detail Reference Data
Widget Or Layout: layout
Value:
{
"title": "Related Entity Detail Reference Data",
"widget": {
"type": "tsm-related-entity-detail-refdata"
},
"type": "layout"
}
Inputs
Show risks
Key: relatedEntity
Name: Show risks
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
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
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
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Cycle Select tsm-billing-cycle-lov
Selection of a Billing Cycle from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Cycle",
"widget": {
"type": "tsm-billing-cycle-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Cycle Status Select tsm-billing-cycle-status-lov
Selection of a Billing Cycle Status from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Cycle Status",
"widget": {
"type": "tsm-billing-cycle-status-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Button dtl-button
The button element is an interactive UI component that is used to trigger an action, such as submitting a form or initiating a specific task. In tSM there are several button types with extensive configuration capability. They can also be styled and labeled.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "Button",
"widget": {
"type": "dtl-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Appearance
Key: buttonSeverity
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: customCssClass
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customIconCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-column p-4
Optional icon
Key: buttonType
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Button type
Key: scriptCode
Name: Button type
Description: It determines the style and behavior of the button and options you can set below.
Script
Key: hideScriptError
Name: Script
Hide message for script error
Key: dialogButtonTitle
Name: Hide message for script error
Dialog button title
Key: formCode
Name: Dialog button title
Description: Button label settings for button in the dialog
Form
Key: formTitle
Name: Form
Description: Used render form. If not specified, an automatic layout is performed based on the current data.
Form title
Key: formContext
Name: Form title
Description: The title of the form.
Form context
Key: formAction
Name: Form context
Description: This context is passed to the specified form. Example: {"var": "myVariable"}. Usage in the specified form: $context.var
Hide message for script error
Key: scriptResultEditor
Name: Hide message for script error
Display script result in editor
Key: postUrl
Name: Display script result in editor
Post url
Key: getUrl
Name: Post url
Description: The URL for POST request.
Get url
Key: formWidth
Name: Get url
Description: The URL for GET request.
Form width (px)
Key: formHeight
Name: Form width (px)
Description: The width of the form.
Form height (px)
Key: closeDialog
Name: Form height (px)
Description: The height of the form.
Close dialog after submit
Key: shouldValidate
Name: Close dialog after submit
Description: Close the dialog after the form is submitted.
Validate the form before submitting
Key: linkTarget
Name: Validate the form before submitting
Description: If the form should be validated when the button is clicked.
Link target
Key: queryParams
Name: Link target
Description: The address where the user will be redirected after activating the link.
Query params
Key: payload
Name: Query params
Description: Query parameters are a type of parameters that are added to the end of a URL to pass additional information to a web server
POST data
Key: messageType
Name: POST data
Description: Value in JSON format sent in body with POST method.
If you want to use a specific variable in your SpEL script and send its value, the structure looks like this:
{ "spelVariableName": "value" }
If you also want to send a variable from the form’s context to the script, use the following structure:
{ "spelVariableName": "${$context.form.chars.someContextVariable}" }
Message type
Key: linkUrl
Name: Message type
Description: The type of the message. (SUCCESS, ERROR)
Link url
Key: resultProperty
Name: Link url
Description: The URL for the link.
Result property
Key: messageText
Name: Result property
Description: The property of the result object that will returned from request.
Message text
Key: fileName
Name: Message text
Description: The text of the message.
File name
Key: successMessage
Name: File name
Description: The name of the downloaded file.
Message after successful execution
Key: alwaysEnabled
Name: Message after successful execution
Description: The message that will be displayed after the form is submitted successfully.
Always enabled
Key: dialogWidth
Name: Always enabled
Description: Button will be always enabled regardless of readonly status
Popup window width (px)
Key: dialogHeight
Name: Popup window width (px)
Description: The width of the popup.
Popup window height (px)
Key: config.successActions
Name: Popup window height (px)
Description: The height of the popup.
Popup window height (px)
Key: config.errorActions
Name: Popup window height (px)
Description: The height of the popup.
Campaign Select tsm-campaign-lov
Selection of a campaign from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a campaign",
"widget": {
"type": "tsm-campaign-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Campaign Type Select tsm-campaign-type-lov
Selection of a campaign type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a campaign type",
"widget": {
"type": "tsm-campaign-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Clipboard button dtl-clipboard-button
Button for copying the selected value to the clipboard.
Widget Or Layout: layout
Value:
{
"type": "layout",
"title": "null",
"widget": {
"type": "dtl-clipboard-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Appearance
Key: buttonSeverity
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: customCssClass
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customIconCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-column p-4
Optional icon
Key: value
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Checkbox dtl-form-input-checkbox
The checkbox is a type of input field that allows users to select only checked or unchecked values. Checkboxes is represented as small square that can be checked or unchecked by clicking on them. Checkbox is associated with a label that describes the option it represents. The use of checkboxes helps to simplify the process of collecting information by presenting the user with a clear list of options to choose from, while also allowing for flexible and multi-faceted data collection.
Widget Or Layout: widget
Value:
{
"type": "boolean",
"title": "Checkbox",
"widget": {
"type": "checkbox"
}
}
Billing Currency Select tsm-billing-currency-lov
Selection of a Billing Currency from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Currency",
"widget": {
"type": "tsm-billing-currency-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Cycle Type Select tsm-billing-cycle-type-lov
Selection of a Billing Cycle Type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Cycle Type",
"widget": {
"type": "tsm-billing-cycle-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Customer Select tsm-customer-lov
Selection of a customer from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a customer",
"widget": {
"type": "tsm-customer-lov"
}
}
Inputs
Show address
Key: emailDefault
Name: Show address
Description: If available, also show the selected customer´s address (customer´s address with the "Permanent address/Headquarters" role.
Show email
Key: phoneDefault
Name: Show email
Description: If available, also show the primary email of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).
Show mobile number
Key: segmentDefault
Name: Show mobile number
Description: If available, also show the primary phone number of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).
Segment
Key: addCustomerButton
Name: Segment
Description: Segment
Add customer button
Key: customerTypeCodes
Name: Add customer button
Description: Add customer button
Customer type codes
Key: customerTypeIds
Name: Customer type codes
Description: Example for one: "kód1"
Example for more: ["code1", "code2"]
Customer type ids
Key: default
Name: Customer type ids
Description: Example for one: "id1"
Example for more: ["id1", "id2"]
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Submit button dtl-submit-button
The submit button is an interactive user interface component used to trigger a form submission event. The button contains the form value that can be accessed by other components. After pressing the button, the specified value is stored in the button's state, which can be accessed through an expression ($value.requestButton).
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Submit button",
"widget": {
"type": "dtl-submit-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Appearance
Key: buttonSeverity
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: customCssClass
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customIconCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-column p-4
Optional icon
Key: valuesToSet
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Value
Key: validationExpression
Name: Value
Description: A button is a carrier of a value that can be inserted via an expression. The value is entered only after the button is clicked. The value can be accessed via $value.myButton.
Validation expression
Key: validationMessage
Name: Validation expression
Description: Validation expression. Executes after clicking button and toggles the error message.
Validation message
Key: alwaysEnabled
Name: Validation message
Description: Custom error message for this validation.
Tri state checkbox dtl-form-input-tri-state-checkbox
A tri-state checkbox is a GUI element with three possible states: checked, unchecked, and indeterminate. The indeterminate state is used when the checkbox's status depends on its child checkboxes or specific criteria. It's commonly employed in hierarchical data or groups of related checkboxes. The behavior of a tri-state checkbox can be customized by developers to suit their application's needs.
Widget Or Layout: widget
Value:
{
"type": "boolean",
"title": "Tri state checkbox",
"widget": {
"type": "triStateCheckbox"
}
}
Account Select tsm-account-lov
Selection of an account from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select an account",
"widget": {
"type": "tsm-account-lov"
}
}
Inputs
Customer
Key: customerId
Name: Customer
Customer
Key: default
Name: Customer
Description: Customer
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Document Line Select tsm-billing-document-line-lov
Selection of a Billing Document Line from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Document Line",
"widget": {
"type": "tsm-billing-document-line-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Document Select tsm-billing-document-lov
Selection of a Billing Document from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Document",
"widget": {
"type": "tsm-billing-document-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Document Status Select tsm-billing-document-status-lov
Selection of a Billing Document Status from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Document Status",
"widget": {
"type": "tsm-billing-document-status-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Billing Document Type Select tsm-billing-document-type-lov
Selection of a Billing Document Type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing Document Type",
"widget": {
"type": "tsm-billing-document-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Submit request button dtl-submit-request-button
The submit button is an interactive user interface component used to trigger a form submission event. The button contains the form value that can be accessed by other components. The button always sends a request (Action - GET/POST + URL). The response returned by the request is stored in the button's state, which can be accessed through an expression (e.g., $value.requestButton).
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Submit request button",
"widget": {
"type": "dtl-submit-request-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Appearance
Key: buttonSeverity
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: customCssClass
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customIconCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-column p-4
Optional icon
Key: valuesToSet
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Value
Key: formAction
Name: Value
Description: Value in JSON format sent in body with POST method.
If you want to use a specific variable in your SpEL script and send its value, the structure looks like this:
{ "spelVariableName": "value" }
If you also want to send a variable from the form’s context to the script, use the following structure:
{ "spelVariableName": "${$context.form.chars.someContextVariable}" }
Action
Key: getUrl
Name: Action
Get url
Key: postUrl
Name: Get url
Description: The URL for GET request.
Post url
Key: validationExpression
Name: Post url
Description: The URL for POST request.
Validation expression
Key: validationMessage
Name: Validation expression
Description: Validation expression. Executes after clicking button and toggles the error message.
Validation message
Key: alwaysEnabled
Name: Validation message
Description: Custom error message for this validation.
Switch dtl-form-input-switch
The switch is a type of input field in a form that allows users to toggle between two states, such as on/off, yes/no, or true/false. Switch is represented as a small rectangular toggle that can be moved left or right to change its state. It is often used as a more compact alternative to checkboxes for binary decisions, and can also be used in place of radio buttons for single-choice selection. The use of switches helps to simplify the user interface by providing a clear and intuitive way to make binary selections, while also allowing for more compact and aesthetically pleasing forms.
Widget Or Layout: widget
Value:
{
"type": "boolean",
"title": "Switch",
"widget": {
"type": "switch"
}
}
VAT Rate Select tsm-billing-vat-rate-lov
Selection of a VAT rate from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select VAT rate",
"widget": {
"type": "tsm-vat-rate-lov-box-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Autocomplete tsm-autocomplete
The autocomplete field, also known as the "autocomplete" feature, is an interactive input element in a form that provides users with instant suggestions to complete their entries based on previous inputs or a predefined set of options. As soon as the user starts typing in the field, the system dynamically generates and displays a list of relevant suggestions, from which the user can choose, allowing them to quickly and efficiently complete their entry without the need to type out the entire text.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Autocomplete",
"oneOf": [
{
"title": "null",
"const": "null"
}
],
"widget": {
"type": "tsm-autocomplete"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: showClear
Name: Default value
Description: The default value for this component. If the component does not contain a value, then this default value will be displayed. If the component contains a value, then the displaying of the default value is controlled by attribute "The way of storage"
Show clear
Key: forceSelection
Name: Show clear
Description: Sets the visibility of the delete button for clearing text in the filtering input
Force selection
Key: title
Name: Force selection
Description: The forceSelection option in Autocomplete ensures that users can only select a value from the predefined options in the dropdown list. This prevents the user from entering any custom or arbitrary text that is not part of the list of suggestions.
Title
Key: const
Name: Title
Description: The title of constant select item.
Const
Key: scriptCode
Name: Const
Description: The value of constant select item.
Script
Key: remoteFieldTitle
Name: Script
Description: Script option - Selected script will be evaluated and the result will fill suggestions.
Attribute name for value name
Key: remoteFieldConst
Name: Attribute name for value name
Description: Name of the attribute used for creating the title of the select item. e.g. name or code.
Attribute name for value
Key: disableCache
Name: Attribute name for value
Description: Name of the attribute used for creating the value of the select item. e.g. id.
Disable cache
Key: scriptContext
Name: Disable cache
Description: Disable cache for script
Billing SAP Document Status Select tsm-billing-sap-document-status-lov
Selection of a Billing SAP Document Status from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select Billing SAP Document Status",
"widget": {
"type": "tsm-billing-sap-document-status-lov",
"readonly": false
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Lead Select tsm-lead-lov
Selection of a lead from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a lead",
"widget": {
"type": "tsm-lead-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Monaco editor dtl-form-input-monaco
The Monaco Editor is a powerful code editor offering advanced editing features, including syntax highlighting, code completion, and code folding, to help users write code more efficiently. The editor also provides support for multiple programming languages.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Java example",
"widget": {
"type": "monaco-editor"
},
"config": {
"type": "string",
"language": "java",
"widgetHeight": "200px"
}
}
Select dtl-select
The select field, also known as a drop-down menu, is an input field in a form that allows users to select an option from a list of pre-defined options. The field is typically represented by a drop-down list, from which the user can select a single option. The use of a select field helps to simplify the process of collecting data, by providing a clear and concise way for users to make selections. The field can also help to ensure the accuracy and consistency of the data collected, by limiting the available options to a predefined set of values. Select fields can be used to collect a wide range of information, such as geographical locations, job titles, product categories, or any other information that can be represented by a set of predefined options. If you need selecting from TSM based data, use an appropriate component such as "Register value", "Customer segment" or "Account.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select",
"oneOf": [
{
"title": "null",
"const": "null"
}
],
"widget": {
"type": "select"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: selectType
Name: Default value
Select type
Key: radioButtonsDirection
Name: Select type
Radio buttons direction
Key: type
Name: Radio buttons direction
Type
Key: title
Name: Type
Title
Key: const
Name: Title
Description: The title of constant select item.
Const
Key: scriptCode
Name: Const
Description: The value of constant select item.
Script
Key: remoteFieldTitle
Name: Script
Attribute name for value name
Key: remoteFieldConst
Name: Attribute name for value name
Description: Name of the attribute used for creating the title of the select item. e.g. name or code.
Attribute name for value
Key: mergeRemoteAndLocalData
Name: Attribute name for value
Description: Name of the attribute used for creating the value of the select item. e.g. id.
Merge manually entered data with remote data
Key: disableCache
Name: Merge manually entered data with remote data
Description: Tick the checkbox if you wish to merge manually inputted data with downloaded data. Tick only if this is your usecase.
Disable cache
Key: scriptData
Name: Disable cache
Description: Disable cache for script
Monaco diff editor dtl-form-input-monaco-diff
Monaco Diff Editor is an equivalent of Monaco Editor, which offers the ability to compare the content of two editors displayed side by side.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Monaco diff editor",
"widget": {
"type": "monaco-diff-editor"
},
"config": {
"type": "string",
"language": "json",
"widgetHeight": "200px"
}
}
Person Select tsm-person-lov
Selection of a person from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a person",
"widget": {
"type": "tsm-person-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: customerId
Name: Default value
Customer
Key: keyDefault
Name: Customer
Description: Customer
Show key
Key: emailDefault
Name: Show key
Description: Display the key of the selected person in readonly mode.
Show email
Key: phoneDefault
Name: Show email
Description: If available, also show the selected person´s primary e-mail.
Show mobile number
Key: addPersonButton
Name: Show mobile number
Description: If available, also show the selected person´s primary phone number.
Add customer button
Key: personRoleTypeCodes
Name: Add customer button
Description: Add customer button
Allowed person role type codes
Key: personRoleObligation
Name: Allowed person role type codes
Description: Allowed person role type codes
The role in creating the person will be mandatory
Key: hidePersonButtonForDisabled
Name: The role in creating the person will be mandatory
Description: The role in creating the person will be mandatory
Hide person button for disabled
Key: filteredPersonRoleTypeCodes
Name: Hide person button for disabled
Description: Hide person button for disabled
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Address Role Type Select tsm-crm-address-role-type-lov
Selection of an address role type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select an address role type",
"widget": {
"type": "tsm-crm-address-role-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Address Select tsm-crm-address-lov
Selection of an address from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select an address",
"widget": {
"type": "tsm-crm-address-lov"
}
}
Inputs
Customer
Key: customerId
Name: Customer
Customer
Key: default
Name: Customer
Description: Customer
Default value
Key: crmAddressRoleTypeCodes
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Expression editor dtl-expression-editor
An expression editor is an input field used to input a SPEL or JEXL expression.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Editorvýrazů",
"widget": {
"type": "dtl-expression-editor"
},
"config": {
"isExpression": true,
"hideChangeButton": true,
"defaultType": "spel",
"widgetHeight": 140,
"editorOptions": "JSON.stringify({\n fontSize: 12,\n minimap: {enabled: false},\n automaticLayout: true,\n autoClosingBrackets: 'always',\n matchBrackets: 'always',\n renderWhitespace: 'all',\n scrollBeyondLastLine: false,\n })"
}
}
Legal Form Select tsm-customer-legal-form-lov
Selection of a legal form from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a legal form",
"widget": {
"type": "tsm-customer-legal-form-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: displayField
Name: Default value
Default value
Key: selectProperty
Name: Default value
Value
Key: selectFirstValue
Name: Value
Select first value
Key: multiselect
Name: Select first value
Multiselect
Key: selectionMode
Name: Multiselect
Customer Segment Select tsm-customer-segment-lov
Selection of a customer segment from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a customer segment",
"widget": {
"type": "tsm-customer-segment-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Show clear
Key: showCareLevel
Name: Show clear
Description: Show clear
Show care level
Key: legalFormCode
Name: Show care level
Description: Show care level
Legal form code
Key: selectProperty
Name: Legal form code
Description: Legal form code
Value
Key: default
Name: Value
Customer Type Select tsm-customer-type-lov
Selection of a customer type from a dropdown list.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a customer type",
"widget": {
"type": "tsm-customer-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Account type select tsm-account-type-lov
Selection of an account type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select an account type",
"widget": {
"type": "tsm-account-type-lov"
},
"type": "widget",
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Caimpaign Wave Definition tsm-campaign-wave-definition-lov
Overview of the current campaign wave definition with quick switching options.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Select a campaign wave definition",
"widget": {
"type": "tsm-campaign-wave-definition-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: chars
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Campaign Status Bar tsm-campaign-status-steps
Overview of the current status of the campaign with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-campaign-status-steps"
}
}
Inputs
Campaign
Key: campaign
Name: Campaign
Lead type Select tsm-lead-type-lov
Selection of a lead type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a lead type",
"widget": {
"type": "tsm-lead-type-lov"
},
"type": "widget",
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Person Type Select tsm-person-type-lov
Selection of a person type from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a person type",
"widget": {
"type": "tsm-person-type-lov"
},
"type": "widget",
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Account Status Bar tsm-account-steps
Overview of the current status of the account with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-account-steps"
}
}
Inputs
Account
Key: account
Name: Account
Lead Status Bar tsm-lead-steps
Overview of the current status of the lead with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-lead-steps"
}
}
Person Status Bar tsm-person-steps
Overview of the current status of the person with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-person-steps"
}
}
Customer Status Bar tsm-customer-steps
Overview of the current status of the customer with quick switching options.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-customer-steps"
}
}
Inputs
Customer
Key: customer
Name: Customer
Ticket Related Party Select tsm-ticket-related-party-lov
Selection of a ticket related party from a dropdown list.
Widget Or Layout: widget
Value:
{
"title": "Select a Ticket related party",
"widget": {
"type": "tsm-ticket-related-party-lov"
},
"type": "string",
"config": {}
}
Inputs
Ticket ID
Key: default
Name: Ticket ID
Default value
Key: defaultFilters
Name: Default value
Keyboard on mobile
Key: showClear
Name: Keyboard on mobile
Show clear
Key: showNoneText
Name: Show clear
Show none text
Key: selectFirstValue
Name: Show none text
Select first value
Key: multiselect
Name: Select first value
Selection using a listing (one or more values)
Key: selectionMode
Name: Selection using a listing (one or more values)
Selection mode
Key: returnType
Name: Selection mode
Multiple value storage mode
Key: selectProperty
Name: Multiple value storage mode
Value
Key: displayField
Name: Value
Related Entity Icon tsm-ticket-related-entity-name-icon-widget
Related Entity Icon
Widget Or Layout: widget
Value:
{
"title": "Related Entity Icon",
"widget": {
"type": "tsm-ticket-related-entity-name-icon-widget"
},
"type": "string",
"config": {
"module": "ChangeManagement",
"selectProperty": "id"
}
}
Inputs
Ticket ID
Key: ticketId
Name: Ticket ID
Ticket ID
Key: relatedEntityId
Name: Ticket ID
Related entity ID
Key: field
Name: Related entity ID
File upload dtl-file-upload-widget
The component allows you to upload a file to an entity.
Widget Or Layout: widget
Value:
{
"type": "object",
"widget": {
"type": "dtl-file-upload-widget"
},
"config": {
"attachmentTypeAllowEmpty": true,
"allowDefaultDialog": true,
"canDownloadFile": true,
"acceptDocumentTypes": "*",
"maxFileSize": 5120
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Owner Id
Key: alwaysSaveToChars
Name: Owner Id
Always save attachments to form
Key: tryDefaultValue
Name: Always save attachments to form
Description: When ownerId and ownerType are filled in, the attachments are saved both to the file system and to the characteristics (only metadata).
Try default value
Key: allowDefaultDialog
Name: Try default value
Description: If the default value is set, it is automatically filled in the form.
Allow to show default dialog
Key: attachmentTypeAllowEmpty
Name: Allow to show default dialog
Description: allowDefaultDialogTooltip
Allow empty attachment type
Key: setAndHideAttachmentType
Name: Allow empty attachment type
Description: If the attachment type is not selected, the attachment will be saved without a type.
Set and hide attachment type
Key: hideDescription
Name: Set and hide attachment type
Description: Checking this option makes sense, for example, when only one type of attachment is allowed, an empty attachment type is not allowed, and we want to fill in a description or a form for the attachment. (the attachment type selection component pre-populates the dialog with the selected type and hides)
Hide description
Key: attachmentTypeCodes
Name: Hide description
Description: Checking this option hides the description field in the attachment form.
Allowed attachment types
Key: acceptDocumentTypes
Name: Allowed attachment types
Description: List of codes of allowed attachment types under which the attachment can be saved (format: ["codetype1", "codetype2"])
Allowed attachment file types
Key: multiple
Name: Allowed attachment file types
Description: acceptDocumentTypesTooltip
Multiple files
Key: canDownloadFile
Name: Multiple files
Description: Allowed to upload multiple files
Allow download file
Key: hiddenDeleteAttachment
Name: Allow download file
Description: Display the icon for downloading the file
Hidden button delete attachment
Key: enableGalleria
Name: Hidden button delete attachment
Description: Hidden button delete attachment
Show button for gallery
Key: hiddenSizeUnit
Name: Show button for gallery
Description: Show button for gallery
Hidden size unit
Key: hiddenWhenInserted
Name: Hidden size unit
Description: Hidden size unit won´t be visible anymore
Hidden when inserted
Key: hiddenWhoInserted
Name: Hidden when inserted
Description: Hidden when inserted won´t be visible anymore
Hidden who inserted
Key: hiddenAttachmentTypeName
Name: Hidden who inserted
Description: Hidden who inserted won´t be visible anymore
Hidden attachment type name
Key: forceEnableDetail
Name: Hidden attachment type name
Description: Hidden attachment type name won´t be visible anymore
Detail button always available
Key: maxFileSize
Name: Detail button always available
Gallery tsm-gallery
The gallery allows you to upload and display graphic files, it is also possible to change the display theme.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-gallery"
}
}
Inputs
Gallery theme
Key: theme
Name: Gallery theme
Gallery theme
Key: ownerType
Name: Gallery theme
Owner type
Key: ownerId
Name: Owner type
Owner Id
Key: attachmentTypeCode
Name: Owner Id
Allowed attachment types
Key: fullscreenClickImage
Name: Allowed attachment types
Fullscreen on click image
Key: compressImage
Name: Fullscreen on click image
Compress image (approx 2MB)
Key: height
Name: Compress image (approx 2MB)
Height
Key: multiple
Name: Height
Link dtl-form-input-link
The link field is an input field in a form that allows users to enter a hyperlink, such as a URL or email address. The field is represented by a text box, into which the user can type or paste a link. The use of a link field is particularly useful for collecting information about online resources, such as websites, online profiles, or articles.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Link",
"widget": {
"type": "link"
}
}
Inner form dtl-fluent-inner-form
A component that allows you to insert another form that becomes part of the content of this form.
Widget Or Layout: widget
Value:
{
"type": "object",
"title": "Form",
"widget": {
"type": "dtl-fluent-inner-form"
}
}
Inputs
Form code
Key: formCode
Name: Form code
Form code
Key: context
Name: Form code
Form context
Key: innerFormShowDisableErrors
Name: Form context
Mask Field dtl-form-input-mask
The mask field is an input field that uses a predefined format or pattern to guide users in entering data. The format can include symbols or placeholders to indicate the required format, such as a date, phone number, or credit card number. The field automatically applies the formatting as users enter the data, making it easier to enter accurate and consistent data. This helps to reduce errors and improve the quality of the data collected in the form.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Mask",
"widget": {
"type": "mask"
}
}
Create from Ares Button tsm-ares-new-customer-container
Button to create a customer from the ares register.
Widget Or Layout: layout
Value:
{
"type": "layout",
"widget": {
"type": "tsm-ares-new-customer-container"
}
}
Password dtl-form-input-password
The password field is an input field in a form that is used to collect sensitive information, such as a password or passphrase. The field is represented by a text box, but the characters entered into the field are obscured and replaced with asterisks or other symbols to protect the confidentiality of the information. Password field also includes additional security features, such as password strength meter.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Password",
"widget": {
"type": "password"
}
}
Signature tsm-signature-pad
Signature offers the option to create a signature by signing directly on the device.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Signature",
"widget": {
"type": "tsm-signature-pad"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner type
Key: ownerId
Name: Owner type
Variable dtl-variable
Variable is a component that allows you to insert a variable into the form. The variable is a value that is stored in the $value object and can be used in the form.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Variable",
"widget": {
"type": "variable",
"hidden": true
}
}
Rating dtl-form-input-rating
The rating field is an input field in a form that allows users to rate or score something along a numerical scale. The field represented by a row of stars, each of which can be clicked or selected to indicate a specific rating. Rating fields can be used to collect customer feedback, product reviews, or other forms of evaluation. They can also be used to collect information about personal preferences, such as movie ratings or book reviews. The use of a rating field helps to simplify the process of collecting numerical data by providing a clear and intuitive way to make selections, while also allowing for flexible and multi-faceted data collection.
Widget Or Layout: widget
Value:
{
"type": "number",
"title": "Rating",
"widget": {
"type": "rating"
}
}
Icon picker tsm-form-input-icon-picker
The icon picker is an input field on a form that is used to select an icon displayed next to the form input field. The icon will be placed on the left or right side of the form field.
Widget Or Layout: widget
Value:
{
"type": "string",
"title": "Icon",
"widget": {
"type": "tsm-form-input-icon-picker"
}
}
Checklist tsm-checklist
To-do list with the option to upload items from a register
Widget Or Layout: widget
Value:
{
"type": "object",
"widget": {
"type": "tsm-checklist"
}
}
Inputs
Title
Key: title
Name: Title
Title
Key: default
Name: Title
Default value
Key: checklistFilter
Name: Default value