Document Management System Widgets
Notification List tsm-notification-tab
List of notifications in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Notification List",
"widget": {
"type": "tsm-notification-tab"
}
}
Inputs
ownerType
Key: ownerType
Name: ownerType
Default: null
ownerId
Key: ownerId
Name: ownerId
Default: null
notificationSendingUrl
Key: notificationSendingUrl
Name: notificationSendingUrl
Default: null
Key: email
Name: email
phone
Key: phone
Name: phone
parentPriv
Key: parentPriv
Name: parentPriv
Default: null
relatedEntity
Key: relatedEntity
Name: relatedEntity
Default: null
notificationTypeCodes
Key: notificationTypeCodes
Name: notificationTypeCodes
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
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.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Entity Specification Select tsm-entity-specification-lov
Selection of a Entity Specification from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Entity Specification",
"widget": {
"type": "tsm-entity-specification-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-entity-specification-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Multiselect on — 10-multiselect-on.json
{
"type": "object",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Entity Specification Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-entity-specification-lov.
{
"type": "object",
"title": "Entity Specification Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-entity-specification-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Entity Specification Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Entity Specification Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Entity Specification Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Entity Specification Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-entity-specification-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Worklog List tsm-worklog-list
List of worklogs in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Worklog List",
"widget": {
"type": "tsm-worklog-list"
}
}
Inputs
ownerType
Key: ownerType
Name: ownerType
Default: null
ownerId
Key: ownerId
Name: ownerId
Default: null
worklogTypeAllowEmpty
Key: worklogTypeAllowEmpty
Name: worklogTypeAllowEmpty
Default: null
worklogTypeCodes
Key: worklogTypeCodes
Name: worklogTypeCodes
Default: null
defaultWorklogType
Key: defaultWorklogType
Name: defaultWorklogType
Default: null
context
Key: context
Name: context
Default: null
listingTypeCode
Key: listingTypeCode
Name: listingTypeCode
parentPriv
Key: parentPriv
Name: parentPriv
Default: null
showStartWorkButton
Key: showStartWorkButton
Name: showStartWorkButton
Default: null
useCurrentUser
Key: useCurrentUser
Name: useCurrentUser
Default: null
disableRowDoubleClick
Key: disableRowDoubleClick
Name: disableRowDoubleClick
Default: null
editOnlyOwn
Key: editOnlyOwn
Name: editOnlyOwn
Default: false
Default Worklog ticket
Key: defaultWorklogTicketId
Name: Default Worklog ticket
Description: Select the default ticket for work
Default: null
Worklog Ticket Readonly
Key: defaultWorklogTicketReadonly
Name: Worklog Ticket Readonly
Description: Set Worklog Ticket as readonly.
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
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.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-worklog-list/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen edit only own — gen-edit-only-own.json
Demonstrates config.editOnlyOwn = true on tsm-worklog-list.
{
"type": "object",
"title": "Worklog List — editOnlyOwn",
"description": "Demonstrates config.editOnlyOwn = true on tsm-worklog-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-worklog-list"
},
"config": {
"editOnlyOwn": true
}
}
]
}
Worklog Overview tsm-worklog-overview
Overview of worklogs per ticket using TQL query with date range filtering.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Worklog Overview",
"widget": {
"type": "tsm-worklog-overview"
}
}
Inputs
Worker ID
Key: workerId
Name: Worker ID
Description: Default worker ID for the worklog overview query
Default: null
Start Date
Key: startDate
Name: Start Date
Description: Default start date for the date range filter
Default: null
End Date
Key: endDate
Name: End Date
Description: Default end date for the date range filter
Default: null
Allow user change
Key: allowUserChange
Name: Allow user change
Description: Controls whether the user can be changed in the widget user-lov field; an expression can be used as well
Default: true
Edit only own records
Key: editOnlyOwn
Name: Edit only own records
Description: When enabled, the user can only create, edit and delete their own worklogs. When disabled, worklogs of other users can be modified (subject to privileges). Accepts a boolean or JEXL expression.
Default: true
Parent Privilege
Key: parentPriv
Name: Parent Privilege
Description: Privilege prefix for CRUD operations on worklogs
Default: "Dms.Worklogs"
Height
Key: height
Name: Height
Description: Widget height including unit (e.g. 600px, 50vh)
Default: "600px"
Blocked Active in values
Key: blockedActiveInValues
Name: Blocked Active in values
Description: Values from the active_in register for which worklogs cannot be created, edited or deleted. Compared against the ticket's chars.project.chars.active_in.keyActiveIn (e.g. blocking Jira blocks worklogs on every project with active_in = Jira).
Default: []
Ticket filters
Key: ticketFilters
Name: Ticket filters
Description: Filters applied to the ticket selection in the worklog detail when the checkbox is checked (e.g. typeCode in [...]). Additionally, tickets are always filtered to those assigned to the worklog's worker (workerId). When at least one filter is configured, a checkbox is shown next to the ticket selection.
Default: []
Ticket filters – checkbox label
Key: ticketFiltersCheckboxLabel
Name: Ticket filters – checkbox label
Description: Custom label of the checkbox next to the ticket selection. When empty, the default "Filter tickets" is used.
Default: null
Ticket filters – checkbox tooltip
Key: ticketFiltersCheckboxTooltip
Name: Ticket filters – checkbox tooltip
Description: Custom tooltip of the checkbox. When empty, an enumeration of the applied filters is generated.
Default: null
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-worklog-overview/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen allow user change — gen-allow-user-change.json
Allow user change: Controls whether the user can be changed in the widget user-lov field; an expression can be used as well
{
"type": "object",
"title": "Worklog Overview — Allow user change",
"description": "Allow user change: Controls whether the user can be changed in the widget user-lov field; an expression can be used as well",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-worklog-overview"
},
"config": {
"allowUserChange": false
}
}
]
}
Gen edit only own — gen-edit-only-own.json
Edit only own records: When enabled, the user can only create, edit and delete their own worklogs. When disabled, worklogs of other users can be modified (subject to privileges). Accepts a boolean or JEXL expression.
{
"type": "object",
"title": "Worklog Overview — Edit only own records",
"description": "Edit only own records: When enabled, the user can only create, edit and delete their own worklogs. When disabled, worklogs of other users can be modified (subject to privileges). Accepts a boolean or JEXL expression.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-worklog-overview"
},
"config": {
"editOnlyOwn": false
}
}
]
}
Comments Bookmark dtl-comments-widget
Simple list of comments in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Comments Bookmark",
"widget": {
"type": "dtl-comments-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Default: null
Owner Id
Key: ownerId
Name: Owner Id
Default: null
Parent privilege
Key: parentPriv
Name: Parent privilege
Default: null
Allowed comment types
Key: commentTypeCodes
Name: Allowed comment types
Default: null
Default comment type
Key: defaultCommentType
Name: Default comment type
Default: null
Context
Key: context
Name: Context
Description: Context
Default: null
Listing ID
Key: listingId
Name: Listing ID
Default: null
Listing
Key: listingTypeCode
Name: Listing
Default: null
Profile
Key: profileId
Name: Profile
Default: null
Hide comments filters
Key: hiddenTableFilter
Name: Hide comments filters
Description: Filters will no longer be visible
Default: false
Hide comments menu
Key: hiddenTableMenu
Name: Hide comments menu
Description: Menu will no longer be visible
Default: false
Hide comments profiles
Key: hiddenTableProfile
Name: Hide comments profiles
Description: Profile will no longer be visible
Default: false
Allow adding a comment in readonly mode
Key: allowAddCommentWhenReadonly
Name: Allow adding a comment in readonly mode
Description: Allows creating a new comment even in readonly mode.
Default: false
Plaintext mode
Key: plaintext
Name: Plaintext mode
Description: Plaintext mode - saves as plaintext and disable configuration of colors, fonts etc.
Default: false
Allow empty comment type
Key: commentTypeAllowEmpty
Name: Allow empty comment type
Description: Allow empty comment type
Default: null
Controls for expanding/collapsing comments
Key: showFoldControls
Name: Controls for expanding/collapsing comments
Default: true
Page size
Key: pageSize
Name: Page size
Default: null
Max height
Key: maxHeight
Name: Max height
Default: null
Filters
Key: defaultFilters
Name: Filters
Default: null
saveCommentSuccessActions
Key: saveCommentSuccessActions
Name: saveCommentSuccessActions
Default: []
saveCommentErrorActions
Key: saveCommentErrorActions
Name: saveCommentErrorActions
Default: []
Script
Key: saveCommentScriptCode
Name: Script
Default: ""
Script data
Key: saveCommentScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: saveCommentHideScriptError
Name: Hide script error
Default: false
saveCommentScriptSuccessActions
Key: saveCommentScriptSuccessActions
Name: saveCommentScriptSuccessActions
Default: []
saveCommentScriptErrorActions
Key: saveCommentScriptErrorActions
Name: saveCommentScriptErrorActions
Default: []
deleteCommentSuccessActions
Key: deleteCommentSuccessActions
Name: deleteCommentSuccessActions
Default: []
deleteCommentErrorActions
Key: deleteCommentErrorActions
Name: deleteCommentErrorActions
Default: []
Script
Key: deleteCommentScriptCode
Name: Script
Default: ""
Script data
Key: deleteCommentScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: deleteCommentHideScriptError
Name: Hide script error
Default: false
deleteCommentScriptSuccessActions
Key: deleteCommentScriptSuccessActions
Name: deleteCommentScriptSuccessActions
Default: []
deleteCommentScriptErrorActions
Key: deleteCommentScriptErrorActions
Name: deleteCommentScriptErrorActions
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/dtl-comments-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen allow add comment when readonly — gen-allow-add-comment-when-readonly.json
Allow adding a comment in readonly mode: Allows creating a new comment even in readonly mode.
{
"type": "object",
"title": "Comments Bookmark — Allow adding a comment in readonly mode",
"description": "Allow adding a comment in readonly mode: Allows creating a new comment even in readonly mode.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"allowAddCommentWhenReadonly": true,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Gen hidden table filter — gen-hidden-table-filter.json
Hide comments filters: Filters will no longer be visible
{
"type": "object",
"title": "Comments Bookmark — Hide comments filters",
"description": "Hide comments filters: Filters will no longer be visible",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"hiddenTableFilter": true,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Gen hidden table menu — gen-hidden-table-menu.json
Hide comments menu: Menu will no longer be visible
{
"type": "object",
"title": "Comments Bookmark — Hide comments menu",
"description": "Hide comments menu: Menu will no longer be visible",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"hiddenTableMenu": true,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Gen hidden table profile — gen-hidden-table-profile.json
Hide comments profiles: Profile will no longer be visible
{
"type": "object",
"title": "Comments Bookmark — Hide comments profiles",
"description": "Hide comments profiles: Profile will no longer be visible",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"hiddenTableProfile": true,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Gen plaintext — gen-plaintext.json
Plaintext mode: Plaintext mode - saves as plaintext and disable configuration of colors, fonts etc.
{
"type": "object",
"title": "Comments Bookmark — Plaintext mode",
"description": "Plaintext mode: Plaintext mode - saves as plaintext and disable configuration of colors, fonts etc.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"plaintext": true,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Gen show fold controls — gen-show-fold-controls.json
Demonstrates config.showFoldControls = false on dtl-comments-widget.
{
"type": "object",
"title": "Comments Bookmark — Controls for expanding/collapsing comments",
"description": "Demonstrates config.showFoldControls = false on dtl-comments-widget.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-comments-widget"
},
"config": {
"showFoldControls": false,
"ownerType": "Customer",
"ownerId": "${$context.entity.id}"
}
}
]
}
Worklogs Bookmark dtl-worklogs-widget
Simple list of worklogs in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Worklogs Overview",
"widget": {
"type": "dtl-worklogs-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Default: null
Owner Id
Key: ownerId
Name: Owner Id
Default: null
Allowed worklog types
Key: worklogTypeCodes
Name: Allowed worklog types
Default: null
Default worklog type
Key: defaultWorklogType
Name: Default worklog type
Default: null
Context
Key: context
Name: Context
Description: Context
Default: null
Listing
Key: listingTypeCode
Name: Listing
Default: null
Profile
Key: profileId
Name: Profile
Default: null
Allow empty worklog type
Key: worklogTypeAllowEmpty
Name: Allow empty worklog type
Description: Allow empty worklog type
Default: null
Hidden table filter
Key: hiddenTableFilter
Name: Hidden table filter
Description: The filters won´t be visible anymore
Default: false
Hidden table menu
Key: hiddenTableMenu
Name: Hidden table menu
Description: Menu won´t be visible anymore
Default: false
Hidden table profile
Key: hiddenTableProfile
Name: Hidden table profile
Description: Profile won´t be visible anymore
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/dtl-worklogs-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hidden table filter — gen-hidden-table-filter.json
Hidden table filter: The filters won´t be visible anymore
{
"type": "object",
"title": "Worklogs Bookmark — Hidden table filter",
"description": "Hidden table filter: The filters won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-worklogs-widget"
},
"config": {
"hiddenTableFilter": true
}
}
]
}
Gen hidden table menu — gen-hidden-table-menu.json
Hidden table menu: Menu won´t be visible anymore
{
"type": "object",
"title": "Worklogs Bookmark — Hidden table menu",
"description": "Hidden table menu: Menu won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-worklogs-widget"
},
"config": {
"hiddenTableMenu": true
}
}
]
}
Gen hidden table profile — gen-hidden-table-profile.json
Hidden table profile: Profile won´t be visible anymore
{
"type": "object",
"title": "Worklogs Bookmark — Hidden table profile",
"description": "Hidden table profile: Profile won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-worklogs-widget"
},
"config": {
"hiddenTableProfile": true
}
}
]
}
Attachments Bookmark dtl-attachments-widget
Simple list of attachments in a tabular view.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Attachments Bookmark",
"widget": {
"type": "dtl-attachments-widget"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Default: null
Owner Id
Key: ownerId
Name: Owner Id
Default: ""
Parent privilege
Key: parentPriv
Name: Parent privilege
Default: null
Allowed attachment types
Key: attachmentTypeCodes
Name: Allowed attachment types
Default: null
Listing
Key: listingTypeCode
Name: Listing
Default: null
Profile
Key: profileId
Name: Profile
Default: null
Allow empty attachment type
Key: attachmentTypeAllowEmpty
Name: Allow empty attachment type
Description: Allow empty attachment type
Default: true
Preview mode
Key: previewMode
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.
Default: null
Preview mode - display only count.
Key: displayOnlyPreviewModeCount
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.
Default: null
Hidden file type
Key: hiddenFileType
Name: Hidden file type
Description: Hidden file type won´t be visible anymore
Default: false
Hidden size unit
Key: hiddenSizeUnit
Name: Hidden size unit
Description: Hidden size unit won´t be visible anymore
Default: false
Hidden when inserted
Key: hiddenWhenInserted
Name: Hidden when inserted
Description: Hidden when inserted won´t be visible anymore
Default: false
Hidden who inserted
Key: hiddenWhoInserted
Name: Hidden who inserted
Description: Hidden who inserted won´t be visible anymore
Default: false
Hidden attachment type name
Key: hiddenAttachmentTypeName
Name: Hidden attachment type name
Description: Hidden attachment type name won´t be visible anymore
Default: false
Hidden table drop file
Key: hiddenTableDropFile
Name: Hidden table drop file
Description: The drop zone won´t be visible anymore
Default: false
Hidden table filter
Key: hiddenTableFilter
Name: Hidden table filter
Description: The filters won´t be visible anymore
Default: false
Hidden table menu
Key: hiddenTableMenu
Name: Hidden table menu
Description: Menu won´t be visible anymore
Default: false
Hidden table profile
Key: hiddenTableProfile
Name: Hidden table profile
Description: Profile won´t be visible anymore
Default: false
Hide delete attachment icon
Key: hiddenDeleteAttachment
Name: Hide delete attachment icon
Description: The delete icon will be hidden for everyone, including the user who uploaded the file.
Default: false
Upload large files
Key: largeFiles
Name: Upload large files
Description: Ability to upload large files. Must have correctly configured application server, etc.
Default: true
Select multiple records
Key: multiple
Name: Select multiple records
Description: If you uncheck this option, only one file can be selected.
Default: true
Enable row selection
Key: rowSelection
Name: Enable row selection
Description: Shows a selection checkbox on every attachment row. Newly uploaded attachments are selected automatically.
Default: false
Selection key in the form context
Key: outputContextKey
Name: Selection key in the form context
Description: Key under which the selection is exposed to the form as $outputContext[key] (selectedEntity, selectedIds, selectedEntities).
Default: null
Related entity
Key: relatedEntities
Name: Related entity
Default: null
uploadSuccessActions
Key: uploadSuccessActions
Name: uploadSuccessActions
Default: []
uploadErrorActions
Key: uploadErrorActions
Name: uploadErrorActions
Default: []
Script
Key: uploadScriptCode
Name: Script
Default: ""
Script data
Key: uploadScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: uploadHideScriptError
Name: Hide script error
Default: false
uploadScriptSuccessActions
Key: uploadScriptSuccessActions
Name: uploadScriptSuccessActions
Default: []
uploadScriptErrorActions
Key: uploadScriptErrorActions
Name: uploadScriptErrorActions
Default: []
deleteAttachmentSuccessActions
Key: deleteAttachmentSuccessActions
Name: deleteAttachmentSuccessActions
Default: []
deleteAttachmentErrorActions
Key: deleteAttachmentErrorActions
Name: deleteAttachmentErrorActions
Default: []
Script
Key: deleteAttachmentScriptCode
Name: Script
Default: ""
Script data
Key: deleteAttachmentScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: deleteAttachmentHideScriptError
Name: Hide script error
Default: false
deleteAttachmentScriptSuccessActions
Key: deleteAttachmentScriptSuccessActions
Name: deleteAttachmentScriptSuccessActions
Default: []
deleteAttachmentScriptErrorActions
Key: deleteAttachmentScriptErrorActions
Name: deleteAttachmentScriptErrorActions
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/dtl-attachments-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Basic — 01-basic.json
{
"type": "object",
"title": "Ticket attachments",
"layout": [
{
"type": "layout",
"title": "Attachments",
"config": {
"ownerId": "${$context.id}",
"ownerType": "Ticket",
"listingTypeCode": "tsm-attachment-ticket"
},
"widget": {
"type": "dtl-attachments-widget"
}
}
]
}
Row selection — 02-row-selection.json
{
"type": "object",
"title": "Attachments with row selection",
"layout": [
{
"type": "layout",
"title": "Ticket attachments",
"config": {
"ownerId": "${$context.ownerId}",
"ownerType": "Ticket",
"listingTypeCode": "tsm-attachment-ticket",
"hiddenDeleteAttachment": true,
"hiddenTableProfile": true,
"hiddenTableMenu": true,
"rowSelection": true,
"outputContextKey": "attachmentsSelection"
},
"widget": {
"type": "dtl-attachments-widget"
}
}
]
}
Gen attachment type allow empty — gen-attachment-type-allow-empty.json
Allow empty attachment type: Allow empty attachment type
{
"type": "object",
"title": "Attachments Bookmark — Allow empty attachment type",
"description": "Allow empty attachment type: Allow empty attachment type",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"attachmentTypeAllowEmpty": false
}
}
]
}
Gen hidden attachment type name — gen-hidden-attachment-type-name.json
Hidden attachment type name: Hidden attachment type name won´t be visible anymore
{
"type": "object",
"title": "Attachments Bookmark — Hidden attachment type name",
"description": "Hidden attachment type name: Hidden attachment type name won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"hiddenAttachmentTypeName": true
}
}
]
}
Gen hidden file type — gen-hidden-file-type.json
Hidden file type: Hidden file type won´t be visible anymore
{
"type": "object",
"title": "Attachments Bookmark — Hidden file type",
"description": "Hidden file type: Hidden file type won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"hiddenFileType": true
}
}
]
}
Gen hidden size unit — gen-hidden-size-unit.json
Hidden size unit: Hidden size unit won´t be visible anymore
{
"type": "object",
"title": "Attachments Bookmark — Hidden size unit",
"description": "Hidden size unit: Hidden size unit won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"hiddenSizeUnit": true
}
}
]
}
Gen hidden when inserted — gen-hidden-when-inserted.json
Hidden when inserted: Hidden when inserted won´t be visible anymore
{
"type": "object",
"title": "Attachments Bookmark — Hidden when inserted",
"description": "Hidden when inserted: Hidden when inserted won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"hiddenWhenInserted": true
}
}
]
}
Gen hidden who inserted — gen-hidden-who-inserted.json
Hidden who inserted: Hidden who inserted won´t be visible anymore
{
"type": "object",
"title": "Attachments Bookmark — Hidden who inserted",
"description": "Hidden who inserted: Hidden who inserted won´t be visible anymore",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-widget"
},
"config": {
"hiddenWhoInserted": true
}
}
]
}
Notes
Attachment list bound to an owner entity. With rowSelection the list also renders a checkbox per row; newly uploaded attachments are checked automatically, unchecking never deletes anything.
Complexity: intermediate
Tags: dms, attachments, selection
Set outputContextKey together with rowSelection to expose the selection as $outputContext[key] = {selectedEntity, selectedIds, selectedEntities}, the same shape dtl-data-view uses. Consuming the selection into a submitted form value is application logic and is deliberately not shown here: fluent-forms has no widget-less carrier for an array-typed property, so a computed default on a hidden field is not a validated pattern (type 'array' with no widget.type implicitly resolves to the deprecated dtl-fluent-fieldset). Prefer reading $outputContext directly where the value is needed, or drive another control from a widget-event effect.
Attachment Type Select tsm-attachment-type-lov
Selection of an attachment type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select an Attachment Type",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-attachment-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Attachment Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-attachment-type-lov.
{
"type": "object",
"title": "Attachment Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-attachment-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Attachment Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Attachment Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Attachment Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Attachment Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-attachment-type-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Comment Type Select tsm-comment-type-lov
Selection of a comment type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a Comment Type",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Ignore comment type privileges
Key: ignoreCommentTypeLovPrivileges
Name: Ignore comment type privileges
Default: false
Default comment type
Key: defaultCommentType
Name: Default comment type
Default: null
Filter by codes
Key: filterByCodes
Name: Filter by codes
Default: []
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-comment-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen ignore comment type lov privileges — gen-ignore-comment-type-lov-privileges.json
Demonstrates config.ignoreCommentTypeLovPrivileges = true on tsm-comment-type-lov.
{
"type": "object",
"title": "Comment Type Select — Ignore comment type privileges",
"description": "Demonstrates config.ignoreCommentTypeLovPrivileges = true on tsm-comment-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"ignoreCommentTypeLovPrivileges": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Comment Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-comment-type-lov.
{
"type": "object",
"title": "Comment Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-comment-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Comment Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Comment Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"showClear": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Comment Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-comment-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Page-wide File Drop dtl-attachments-global-drop
Invisible widget. When present in the form, a file can be dropped anywhere on the page to upload it as an attachment. Place at form root.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Page-wide File Drop",
"widget": {
"type": "dtl-attachments-global-drop"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Default: null
Owner Id
Key: ownerId
Name: Owner Id
Default: ""
Parent privilege
Key: parentPriv
Name: Parent privilege
Default: null
Allowed attachment types
Key: attachmentTypeCodes
Name: Allowed attachment types
Default: null
Allow empty attachment type
Key: attachmentTypeAllowEmpty
Name: Allow empty attachment type
Description: Allow empty attachment type
Default: true
Upload large files
Key: largeFiles
Name: Upload large files
Default: true
Allow multiple files
Key: multiple
Name: Allow multiple files
Default: true
Allow Ctrl+V from clipboard
Key: enableClipboardPaste
Name: Allow Ctrl+V from clipboard
Description: When enabled, pressing Ctrl+V anywhere outside an input/editor uploads the file from the clipboard (e.g. a screenshot taken with Win+Shift+S).
Default: true
Related entity
Key: relatedEntities
Name: Related entity
Default: null
uploadSuccessActions
Key: uploadSuccessActions
Name: uploadSuccessActions
Default: []
uploadErrorActions
Key: uploadErrorActions
Name: uploadErrorActions
Default: []
Script
Key: uploadScriptCode
Name: Script
Default: ""
Script data
Key: uploadScriptData
Name: Script data
Description: Additional params for script evaluation
Default: {}
Hide script error
Key: uploadHideScriptError
Name: Hide script error
Default: false
uploadScriptSuccessActions
Key: uploadScriptSuccessActions
Name: uploadScriptSuccessActions
Default: []
uploadScriptErrorActions
Key: uploadScriptErrorActions
Name: uploadScriptErrorActions
Default: []
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/dtl-attachments-global-drop/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen attachment type allow empty — gen-attachment-type-allow-empty.json
Allow empty attachment type: Allow empty attachment type
{
"type": "object",
"title": "Page-wide File Drop — Allow empty attachment type",
"description": "Allow empty attachment type: Allow empty attachment type",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-global-drop"
},
"config": {
"attachmentTypeAllowEmpty": false
}
}
]
}
Gen enable clipboard paste — gen-enable-clipboard-paste.json
Allow Ctrl+V from clipboard: When enabled, pressing Ctrl+V anywhere outside an input/editor uploads the file from the clipboard (e.g. a screenshot taken with Win+Shift+S).
{
"type": "object",
"title": "Page-wide File Drop — Allow Ctrl+V from clipboard",
"description": "Allow Ctrl+V from clipboard: When enabled, pressing Ctrl+V anywhere outside an input/editor uploads the file from the clipboard (e.g. a screenshot taken with Win+Shift+S).",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-global-drop"
},
"config": {
"enableClipboardPaste": false
}
}
]
}
Gen large files — gen-large-files.json
Demonstrates config.largeFiles = false on dtl-attachments-global-drop.
{
"type": "object",
"title": "Page-wide File Drop — Upload large files",
"description": "Demonstrates config.largeFiles = false on dtl-attachments-global-drop.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-global-drop"
},
"config": {
"largeFiles": false
}
}
]
}
Gen multiple — gen-multiple.json
Demonstrates config.multiple = false on dtl-attachments-global-drop.
{
"type": "object",
"title": "Page-wide File Drop — Allow multiple files",
"description": "Demonstrates config.multiple = false on dtl-attachments-global-drop.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-global-drop"
},
"config": {
"multiple": false
}
}
]
}
Gen upload hide script error — gen-upload-hide-script-error.json
Demonstrates config.uploadHideScriptError = true on dtl-attachments-global-drop.
{
"type": "object",
"title": "Page-wide File Drop — Hide script error",
"description": "Demonstrates config.uploadHideScriptError = true on dtl-attachments-global-drop.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "dtl-attachments-global-drop"
},
"config": {
"uploadHideScriptError": true
}
}
]
}
Worklog Type Select tsm-worklog-type-lov
Selection of a worklog type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a Worklog Type",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-worklog-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Worklog Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-worklog-type-lov.
{
"type": "object",
"title": "Worklog Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-worklog-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Worklog Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Worklog Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Worklog Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Worklog Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-worklog-type-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Layout Select tsm-formatter-template-lov
Selection of a layout from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a Layout",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-formatter-template-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Layout Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-formatter-template-lov.
{
"type": "object",
"title": "Layout Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-formatter-template-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Layout Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Layout Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"showClear": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Layout Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Layout Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-template-lov"
},
"config": {
"selectProperty": "id",
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Notification Template Select tsm-notification-template-lov
Selection of a notification template from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a Notification Template",
"widget": {
"type": "tsm-notification-template-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Value
Key: selectProperty
Name: Value
Default: "id"
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Formatter Doc. Template Select tsm-formatter-document-template-lov
Selection of a document template for formatting from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a Document Template",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-formatter-document-template-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Formatter Doc. Template Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-formatter-document-template-lov.
{
"type": "object",
"title": "Formatter Doc. Template Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-formatter-document-template-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Formatter Doc. Template Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Formatter Doc. Template Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"showClear": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Formatter Doc. Template Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Formatter Doc. Template Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-formatter-document-template-lov"
},
"config": {
"selectProperty": "id",
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Email Communication Panel tsm-mail-widget
Panel for managing and displaying email communications.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-mail-widget"
}
}
Inputs
Owner Id
Key: ownerId
Name: Owner Id
Description: Expression resolving to the ID of the owner entity (e.g. ticket ID)
Default: ""
Owner type
Key: ownerType
Name: Owner type
Description: Entity type of the owner (e.g. Ticket, Task)
Default: ""
Template code
Key: templateCode
Name: Template code
Description: Email template code used for rendering outgoing emails
Default: ""
Default "From"
Key: defaultFrom
Name: Default "From"
Description: Pre-selected value for the "From" dropdown. Must match one of the "value" fields from "From options".
Default: ""
"From" options
Key: optionsFrom
Name: "From" options
Description: optionsFromHelp
Default: null
Key: email
Name: Email
Description: Contact email address used when starting a new conversation
Default: ""
Subject
Key: subject
Name: Subject
Description: Default subject for a new email conversation
Default: ""
Email header
Key: header
Name: Email header
Description: HTML content automatically inserted before the body of every sent email.
Default: ""
Email footer
Key: footer
Name: Email footer
Description: HTML content automatically inserted as the footer of every sent email.
Default: ""
Require message content
Key: requireBody
Name: Require message content
Description: Prevents sending an email when the user has not entered message content.
Default: false
Hash suggestions
Key: hashtagOption
Name: Hash suggestions
Description: Source for hashtag suggestions: "tickets" searches existing tickets, "script" uses a custom script
Default: "tickets"
Script for suggestions
Key: suggestionScriptCode
Name: Script for suggestions
Description: Script that provides suggestion items for the hashtag dropdown
Default: ""
Script data for suggestions
Key: suggestionScriptData
Name: Script data for suggestions
Description: JSON data passed as context to the suggestion script
Default: null
Script after click
Key: clickScriptCode
Name: Script after click
Description: Script executed when the user clicks a hashtag suggestion
Default: ""
Click script data
Key: clickScriptData
Name: Click script data
Description: JSON data passed as context to the click script
Default: null
Register
Key: registerCode
Name: Register
Default: ""
Filters
Key: filters
Name: Filters
Default: []
Show only template names in suggestions
Key: showTemplateNamesOnly
Name: Show only template names in suggestions
Description: Shows only the template name without the code in the suggestion list after typing #.
Default: false
Hide Reply button
Key: hideAnswerButton
Name: Hide Reply button
Description: Hides the Reply button from the email widget toolbar
Default: false
Hide Send button
Key: hideSendButton
Name: Hide Send button
Description: Hides the Send button from the email widget toolbar
Default: false
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-mail-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen hide answer button — gen-hide-answer-button.json
Hide Reply button: Hides the Reply button from the email widget toolbar
{
"type": "object",
"title": "Email Communication Panel — Hide Reply button",
"description": "Hide Reply button: Hides the Reply button from the email widget toolbar",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-mail-widget"
},
"config": {
"hideAnswerButton": true
}
}
]
}
Gen hide send button — gen-hide-send-button.json
Hide Send button: Hides the Send button from the email widget toolbar
{
"type": "object",
"title": "Email Communication Panel — Hide Send button",
"description": "Hide Send button: Hides the Send button from the email widget toolbar",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-mail-widget"
},
"config": {
"hideSendButton": true
}
}
]
}
Gen require body — gen-require-body.json
Require message content: Prevents sending an email when the user has not entered message content.
{
"type": "object",
"title": "Email Communication Panel — Require message content",
"description": "Require message content: Prevents sending an email when the user has not entered message content.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-mail-widget"
},
"config": {
"requireBody": true
}
}
]
}
Gen show template names only — gen-show-template-names-only.json
Show only template names in suggestions: Shows only the template name without the code in the suggestion list after typing #.
{
"type": "object",
"title": "Email Communication Panel — Show only template names in suggestions",
"description": "Show only template names in suggestions: Shows only the template name without the code in the suggestion list after typing #.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-mail-widget"
},
"config": {
"showTemplateNamesOnly": true
}
}
]
}
Awareness dtl-awareness-users
Awareness
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Awareness",
"widget": {
"type": "dtl-awareness-users"
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Default: null
Owner Id
Key: ownerId
Name: Owner Id
Default: ""
Reference picker tsm-generic-reference-lov
Composite picker for building a generic reference (type + source + target). Returns an object with type, sourceRefType/Id, targetRefType/Id and optional targetRefUrl.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Reference",
"widget": {
"type": "tsm-generic-reference-lov"
}
}
Inputs
Lock source fields
Key: lockSource
Name: Lock source fields
Default: false
Default reference type
Key: defaultType
Name: Default reference type
Description: The value is only filled into an empty widget field, the form value always wins. Use the switch to define the field as a JEXL expression.
Default: ""
Default source type
Key: defaultSourceRefType
Name: Default source type
Default: ""
Default source ID
Key: defaultSourceRefId
Name: Default source ID
Default: ""
Default target type
Key: defaultTargetRefType
Name: Default target type
Default: ""
Default target ID
Key: defaultTargetRefId
Name: Default target ID
Default: ""
Default target URL
Key: defaultTargetRefUrl
Name: Default target URL
Default: ""
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-generic-reference-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen lock source — gen-lock-source.json
Demonstrates config.lockSource = true on tsm-generic-reference-lov.
{
"type": "object",
"title": "Reference picker — Lock source fields",
"description": "Demonstrates config.lockSource = true on tsm-generic-reference-lov.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-generic-reference-lov"
},
"title": "Field",
"config": {
"lockSource": true
}
}
},
"layout": [
"field"
]
}
Reference type badge tsm-reference-type-badge
Compact, read-only badge displaying a generic reference type (icon + name + valid/invalid tint). Useful in listings and detail headers — the form value is the type code, the badge resolves it and renders the type label.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Reference type",
"widget": {
"type": "tsm-reference-type-badge"
},
"config": {
"showCode": true,
"showDescription": true
}
}
Inputs
Default reference type
Key: default
Name: Default reference type
Description: Initial badge value — a specific reference type (code) or a ${…} expression bound to data (e.g. ${entity.type}). A value from the bound form field takes precedence.
Default: null
Show code in tooltip
Key: showCode
Name: Show code in tooltip
Default: true
Show description in tooltip
Key: showDescription
Name: Show description in tooltip
Default: true
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-reference-type-badge/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show code — gen-show-code.json
Demonstrates config.showCode = false on tsm-reference-type-badge.
{
"type": "object",
"title": "Reference type badge — Show code in tooltip",
"description": "Demonstrates config.showCode = false on tsm-reference-type-badge.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-reference-type-badge"
},
"config": {
"showCode": false,
"showDescription": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show description — gen-show-description.json
Demonstrates config.showDescription = false on tsm-reference-type-badge.
{
"type": "object",
"title": "Reference type badge — Show description in tooltip",
"description": "Demonstrates config.showDescription = false on tsm-reference-type-badge.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-reference-type-badge"
},
"config": {
"showCode": true,
"showDescription": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Reference type LOV tsm-generic-entity-reference-type-lov
Dropdown for picking a GenericEntityReferenceType. The form value is the type code.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Reference type",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: true
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "array"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-generic-entity-reference-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Reference type LOV — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-generic-entity-reference-type-lov.
{
"type": "object",
"title": "Reference type LOV — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-generic-entity-reference-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"multiselect": true
}
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Reference type LOV — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Reference type LOV — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"showClear": false
}
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Reference type LOV — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"showNoneText": false
}
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Reference type LOV — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-generic-entity-reference-type-lov"
},
"title": "Field",
"config": {
"treeMode": true
}
}
},
"layout": [
"field"
]
}
Related references tsm-related-references-list
Embeddable list of generic references for the current entity (outgoing + incoming, grouped by type).
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Related references",
"widget": {
"type": "tsm-related-references-list"
}
}
Inputs
refId
Key: refId
Name: refId
Default: ""
includeTargetRefId
Key: includeTargetRefId
Name: includeTargetRefId
Default: true
sourceRefTypes
Key: sourceRefTypes
Name: sourceRefTypes
Default: []
targetRefTypes
Key: targetRefTypes
Name: targetRefTypes
Default: []
referenceTypes
Key: referenceTypes
Name: referenceTypes
Default: []
showInvalidDefault
Key: showInvalidDefault
Name: showInvalidDefault
Default: false
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
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.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-related-references-list/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen include target ref id — gen-include-target-ref-id.json
Demonstrates config.includeTargetRefId = false on tsm-related-references-list.
{
"type": "object",
"title": "Related references — includeTargetRefId",
"description": "Demonstrates config.includeTargetRefId = false on tsm-related-references-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-related-references-list"
},
"config": {
"includeTargetRefId": false
}
}
]
}
Gen show invalid default — gen-show-invalid-default.json
Demonstrates config.showInvalidDefault = true on tsm-related-references-list.
{
"type": "object",
"title": "Related references — showInvalidDefault",
"description": "Demonstrates config.showInvalidDefault = true on tsm-related-references-list.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-related-references-list"
},
"config": {
"showInvalidDefault": true
}
}
]
}