Advanced Widgets
Text to display tsm-display-text
Any text to display
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-display-text"
},
"config": {
"text": "Text"
}
}
Inputs
Text
Key: text
Name: Text
Format text
Key: formatText
Name: Format text
Description: Translates special characters commonly used in plain text (such as \n for new lines and \r for carriage returns) into their equivalent HTML tags (like <br> for line breaks). This functionality ensures that text formatted with newline characters is correctly rendered in a web environment by converting these characters into HTML-compliant output
Button dtl-button
The button element is an interactive UI component that is used to trigger an action, such as submitting a form or initiating a specific task. In tSM there are several button types with extensive configuration capability. They can also be styled and labeled.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Button",
"widget": {
"type": "dtl-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: buttonSeverity
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-col p-4
Optional icon
Key: customIconCssClass
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Button type
Key: buttonType
Name: Button type
Description: It determines the style and behavior of the button and options you can set below.
Always enabled
Key: alwaysEnabled
Name: Always enabled
Clipboard button dtl-clipboard-button
Button for copying the selected value to the clipboard.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "null",
"widget": {
"type": "dtl-clipboard-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: buttonSeverity
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-col p-4
Optional icon
Key: customIconCssClass
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
The value to save to the clipboard
Key: value
Name: The value to save to the clipboard
File upload dtl-file-upload-widget
The component allows you to upload a file to an entity.
Widget Or Layout: unknown
Value:
{
"type": "object",
"widget": {
"type": "dtl-file-upload-widget"
},
"config": {
"attachmentTypeAllowEmpty": true,
"allowDefaultDialog": true,
"canDownloadFile": true,
"acceptDocumentTypes": "*",
"maxFileSize": 5120
}
}
Inputs
Owner type
Key: ownerType
Name: Owner type
Owner Id
Key: ownerId
Name: Owner Id
Always save attachments to form
Key: alwaysSaveToChars
Name: Always save attachments to form
Description: When ownerId and ownerType are filled in, the attachments are saved both to the file system and to the characteristics (only metadata).
Try default value
Key: tryDefaultValue
Name: Try default value
Description: If the default value is set, it is automatically filled in the form.
Allow to show default dialog
Key: allowDefaultDialog
Name: Allow to show default dialog
Description: allowDefaultDialogTooltip
Allow empty attachment type
Key: attachmentTypeAllowEmpty
Name: Allow empty attachment type
Description: If the attachment type is not selected, the attachment will be saved without a type.
Set and hide attachment type
Key: setAndHideAttachmentType
Name: Set and hide attachment type
Description: Checking this option makes sense, for example, when only one type of attachment is allowed, an empty attachment type is not allowed, and we want to fill in a description or a form for the attachment. (the attachment type selection component pre-populates the dialog with the selected type and hides)
Hide description
Key: hideDescription
Name: Hide description
Description: Checking this option hides the description field in the attachment form.
Allowed attachment types
Key: attachmentTypeCodes
Name: Allowed attachment types
Description: List of codes of allowed attachment types under which the attachment can be saved (format: ["codetype1", "codetype2"])
Allowed attachment file types
Key: acceptDocumentTypes
Name: Allowed attachment file types
Description: acceptDocumentTypesTooltip
Multiple files
Key: multiple
Name: Multiple files
Description: Allowed to upload multiple files
Allow download file
Key: canDownloadFile
Name: Allow download file
Description: Display the icon for downloading the file
Hidden button delete attachment
Key: hiddenDeleteAttachment
Name: Hidden button delete attachment
Description: Hidden button delete attachment
Show button for gallery
Key: enableGalleria
Name: Show button for gallery
Description: Show button for gallery
Hidden size unit
Key: hiddenSizeUnit
Name: Hidden size unit
Description: Hidden size unit won´t be visible anymore
Hidden when inserted
Key: hiddenWhenInserted
Name: Hidden when inserted
Description: Hidden when inserted won´t be visible anymore
Hidden who inserted
Key: hiddenWhoInserted
Name: Hidden who inserted
Description: Hidden who inserted won´t be visible anymore
Hidden attachment type name
Key: hiddenAttachmentTypeName
Name: Hidden attachment type name
Description: Hidden attachment type name won´t be visible anymore
Detail button always available
Key: forceEnableDetail
Name: Detail button always available
Max file size(kB)
Key: maxFileSize
Name: Max file size(kB)
Description: Max file size(kB)
Gallery tsm-gallery
The gallery allows you to upload and display graphic files, it is also possible to change the display theme.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-gallery"
}
}
Inputs
Gallery theme
Key: theme
Name: Gallery theme
Owner type
Key: ownerType
Name: Owner type
Owner Id
Key: ownerId
Name: Owner Id
Allowed attachment types
Key: attachmentTypeCode
Name: Allowed attachment types
Fullscreen on click image
Key: fullscreenClickImage
Name: Fullscreen on click image
Compress image (approx 2MB)
Key: compressImage
Name: Compress image (approx 2MB)
Height
Key: height
Name: Height
Allows you to save multiple images
Key: multiple
Name: Allows you to save multiple images
Description: After unchecking this option, only one image can be saved to the gallery.
Table dtl-fluent-editgrid
This component is used to generate a table. It is possible to edit the scheme and insert columns, set the default sorting and set the default number of displayed records.
Widget Or Layout: unknown
Value:
{
"type": "array",
"items": {
"type": "object",
"properties": {
"col0": {
"type": "string",
"widget": {
"type": "text",
"validationMessages": {},
"notitle": true
}
},
"col1": {
"type": "string",
"widget": {
"type": "text",
"validationMessages": {},
"notitle": true
}
}
}
},
"config": {
"numberOfRows": {
"value": 0,
"onlyForEmpty": true
},
"columns": [
{
"property": "col0"
},
{
"property": "col1"
}
],
"headers": []
},
"widget": {
"type": "dtl-fluent-editgrid",
"notitle": true
}
}
Inner form dtl-fluent-inner-form
A component that allows you to insert another form that becomes part of the content of this form.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Form",
"widget": {
"type": "dtl-fluent-inner-form"
}
}
Inputs
Form code
Key: formCode
Name: Form code
Form context
Key: context
Name: Form context
Disable show errors in inner form
Key: innerFormShowDisableErrors
Name: Disable show errors in inner form
Submit button dtl-submit-button
The submit button is an interactive user interface component used to trigger a form submission event. The button contains the form value that can be accessed by other components. After pressing the button, the specified value is stored in the button's state, which can be accessed through an expression ($value.requestButton).
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Submit button",
"widget": {
"type": "dtl-submit-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: buttonSeverity
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-col p-4
Optional icon
Key: customIconCssClass
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Value
Key: valuesToSet
Name: Value
Validation expression
Key: validationExpression
Name: Validation expression
Validation message
Key: validationMessage
Name: Validation message
Description: Custom error message for this validation.
Always enabled
Key: alwaysEnabled
Name: Always enabled
User register tsm-register-value-lov
The component allows selection from an enum, it is possible to filter using an input for a more convenient selection of the desired value.The enum can be selected in the settings.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "User register",
"widget": {
"type": "tsm-register-value-lov"
}
}
Inputs
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: Sets readonly attribute for filtering input
Show clear
Key: showClear
Name: Show clear
Description: Sets the visibility of the delete button for clearing text in the filtering input
Empty
Key: resultEmptyType
Name: Empty
Description: If the filtering attribute is filled in and the filtering value has no length simultaneously, it will overwrite the filtering value in the default filter to ['00000000-0000-0000-0000-000000000000'] for array type or '00000000-0000-0000-0000-000000000000' for string type.
Show none text
Key: showNoneText
Name: Show none text
Hide code
Key: hideCode
Name: Hide code
Default tree view mode
Key: defaultTreeViewMode
Name: Default tree view mode
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Disable link
Key: disableLink
Name: Disable link
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
User Register
Key: registerCode
Name: User Register
Value
Key: selectProperty
Name: Value
Select item filters
Key: selectItemFilters
Name: Select item filters
Description: This is a filter that checks whether the selected value should be allowed to be selected. If the filter is empty, all values can be selected.
Custom message for invalid item selection
Key: messageFromInvalidSelectItem
Name: Custom message for invalid item selection
Description: This message will be displayed if the user selects an item that does not meet the conditions specified in the "Select item filters" attribute.
Page size
Key: pageSize
Name: Page size
Description: The number of records that the component will offer after clicking. The supported range is 20 to 500 records.
Default value
Key: default
Name: Default value
Advanced - User register listing tsm-user-defined-list-widget
Displays a list of user values.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Advanced - User register listing",
"widget": {
"type": "tsm-user-defined-list-widget"
}
}
Inputs
Register
Key: registerCode
Name: Register
Hide button section
Key: hideButtonGroup
Name: Hide button section
'hideCreateButton'|fieldsDescription:'label'|transloco
Key: hideCreateButton
Name: 'hideCreateButton'\|fieldsDescription:'label'\|transloco
Description: 'hideCreateButton'|fieldsDescription:'helpMessage'|transloco
External data
Key: externalData
Name: External data
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.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
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.
Generate protocol tsm-generate-protocol
The component allows you to generate protocol by layout.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Generate protocol",
"widget": {
"type": "tsm-generate-protocol",
"persistent": "Never",
"notitle": true
},
"config": {
"onlyPrintOrDownload": false,
"canDownloadFile": true,
"enableShowProtocol": true,
"enablePrintProtocol": true,
"enableShowBrowserProtocol": false,
"hiddenSizeUnit": false,
"hiddenWhenInserted": false,
"hiddenWhoInserted": false,
"hiddenAttachmentTypeName": false,
"hiddenDeleteAttachment": false,
"forceEnableDetail": false,
"firstShowThenGenerate": true,
"alwaysEnabled": false,
"formData": "${$value}"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Defines the visual style of buttons (e.g., outlined, text, raised).
Button Severity
Key: buttonSeverity
Name: Button Severity
Description: Defines the button color scheme based on its importance (e.g., Success for saving).
Owner type
Key: ownerType
Name: Owner type
Description: Entity type (e.g., CASE, TASK) to which the protocol will be attached.
Owner Id
Key: ownerId
Name: Owner Id
Description: JEXL expression to retrieve the ID of the specific record to which the protocol is bound.
Attachment Type
Key: attachmentType
Name: Attachment Type
Description: Category in DMS under which the protocol will be saved.
File name
Key: fileName
Name: File name
Description: Expression defining the name of the generated file. JEXL can be used.
Name of the button to preview the protocol
Key: previewProtocolButton
Name: Name of the button to preview the protocol
Description: Custom label for the preview button.
Name of the button to generate the protocol
Key: generateProtocolButton
Name: Name of the button to generate the protocol
Description: Custom label for the save/generate button.
Name of the button to refresh the protocol
Key: refreshProtocolButton
Name: Name of the button to refresh the protocol
Description: Custom label for the data refresh button.
Name of the button to print the protocol
Key: printProtocolButton
Name: Name of the button to print the protocol
Description: Custom label for the print button.
Name of the button to download the protocol
Key: downloadProtocolButton
Name: Name of the button to download the protocol
Description: Custom label for the file download button.
Name of the button to save the protocol
Key: saveProtocolButton
Name: Name of the button to save the protocol
Description: Custom label for the DMS save button.
Name of the button to view the protocol in browser
Key: showBrowserProtocolButton
Name: Name of the button to view the protocol in browser
Description: Custom label for the browser view button.
Protocol generation template
Key: formatterDocumentTemplate
Name: Protocol generation template
Description: Select a template ( JasperReport / DOCX ) that defines the protocol appearance and content.
Spel script
Key: spelScript
Name: Spel script
Description: SpEL script that prepares or transforms data before sending it to the generator.
Script data
Key: scriptData
Name: Script data
Form
Key: formId
Name: Form
Description: Configuration form displayed before generation to enter additional parameters.
Accordion header for form
Key: accordionHeaderForm
Name: Accordion header for form
Description: Header text for the additional form section.
Form data for generate protocol
Key: formData
Name: Form data for generate protocol
Description: Expression defining the default data for the additional form.
PDF preview tsm-pdf-preview
Displays a preview of a PDF document.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "PDF preview",
"widget": {
"type": "tsm-pdf-preview",
"notitle": true
},
"config": {
"canDownloadFile": true,
"hiddenWhenInserted": false,
"hiddenWhoInserted": false,
"hiddenAttachmentTypeName": false,
"hiddenDeleteAttachment": false,
"hiddenSizeUnit": false,
"enableShowProtocol": true,
"forceEnableDetail": false,
"firstShowThenGenerate": true,
"formData": "${$value}"
}
}
Inputs
Spel script
Key: spelScript
Name: Spel script
Description: Spel script that expands the context when generating a log.
Script data context (SPEL) for pdf generation
Key: spelScriptData
Name: Script data context (SPEL) for pdf generation
Name of the button to preview the pdf
Key: previewPdfButton
Name: Name of the button to preview the pdf
Name of the button to print the pdf
Key: printPdfButton
Name: Name of the button to print the pdf
Name of the button to download the pdf
Key: downloadPdfButton
Name: Name of the button to download the pdf
File name used when downloading the pdf
Key: downloadPdfName
Name: File name used when downloading the pdf
Signature tsm-signature-pad-input
Signature offers the option to create a signature by signing directly on the device.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Signature",
"widget": {
"type": "tsm-signature-pad-input",
"persistent": "Never",
"notitle": true
}
}
Inputs
Title
Key: title
Name: Title
Submit request button dtl-submit-request-button
The submit button is an interactive user interface component used to trigger a form submission event. The button contains the form value that can be accessed by other components. The button always sends a request (Action - GET/POST + URL). The response returned by the request is stored in the button's state, which can be accessed through an expression (e.g., $value.requestButton).
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Submit request button",
"widget": {
"type": "dtl-submit-request-button"
}
}
Inputs
Button Appearance
Key: buttonAppearance
Name: Button Appearance
Description: Appearance defines the type of graphical design of the button.
Button Severity
Key: buttonSeverity
Name: Button Severity
Description: Severity defines the button's color design.
Additional CSS class
Key: customCssClass
Name: Additional CSS class
Description: You can use an additional CSS class to customize the appearance of the component. Examples: text-2xl bg-red-500 flex w-full gap-2 flex-col p-4
Optional icon
Key: customIconCssClass
Name: Optional icon
Description: This is the full icon class string to show the icon. Example: p-icon-check
Value
Key: valuesToSet
Name: Value
Action
Key: formAction
Name: Action
Validation expression
Key: validationExpression
Name: Validation expression
Validation message
Key: validationMessage
Name: Validation message
Description: Custom error message for this validation.
Always enabled
Key: alwaysEnabled
Name: Always enabled
Variable dtl-variable
Variable is a component that allows you to insert a variable into the form. The variable is a value that is stored in the $value object and can be used in the form.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Variable",
"widget": {
"type": "variable",
"hidden": true
}
}
Inputs
Default value
Key: default
Name: Default value
Monaco editor dtl-form-input-monaco
The Monaco Editor is a powerful code editor offering advanced editing features, including syntax highlighting, code completion, and code folding, to help users write code more efficiently. The editor also provides support for multiple programming languages.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Java example",
"widget": {
"type": "monaco-editor"
},
"config": {
"type": "string",
"language": "java",
"widgetHeight": "200px"
}
}
Inputs
Default value
Key: default
Name: Default value
Language
Key: language
Name: Language
Description: Language used in this component
Inline
Key: inline
Name: Inline
Description: Inline display of the editor. If checked, number lines, code folding and scrollbar will be disabled.
Resizable
Key: resizable
Name: Resizable
Description: Tick the checkbox if you want to allow users to resize this component.
Widget height
Key: widgetHeight
Name: Widget height
Description: The height of this widget in pixels. E.g.: 200px
Object layout dtl-fluent-object
The object is a data structure that contains a set of named properties, each of which has a value. The object field type is typically used in forms to collect data that is organized into a set of related properties. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a specific property of the object. The use of an object field type helps to simplify the process of data entry, by providing a clear and organized way to collect related data elements. The field can also be used to enforce data constraints or to validate the data entered into the form, by using built-in validation rules or custom validation logic. tSM Forms Designer creates both - visual UI for the user and underlying data structure. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. See <a href="https://json-schema.org/understanding-json-schema/reference/object.html#object" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/object.html#object</a> for more details.
Widget Or Layout: unknown
Value:
{
"type": "object",
"properties": {},
"widget": {
"type": "dtl-fluent-object"
}
}
Inputs
Show bottom border of inputs
Key: inputBordersShowing
Name: Show bottom border of inputs
Description: Show bottom border of inputs even if form is in read-only state (only works for inputs with the title position set to "Top")
Compact Mode
Key: compactMode
Name: Compact Mode
Description: Compact Mode
Array dtl-fluent-array
The array field type is a type of input field used to collect and store data in the form of an array. An array is a data structure that contains a ordered collection of elements, where each element can be of any data type. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a single element in the array. Array element can be also a complex Object, designed using Object field type. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. See <a href="https://json-schema.org/understanding-json-schema/reference/array.html" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/array.html</a> for more details.
Widget Or Layout: unknown
Value:
{
"type": "array",
"widget": {
"type": "dtl-fluent-array"
}
}
Inputs
Default number of objects
Key: numberOfRows
Name: Default number of objects
Description: "value": displayed number of objects
"onlyForEmpty" = true: displayed set number of objects only if no data is stored in the array
"onlyForEmpty" = false: always displayed set number of objects (even if, for example, more are stored in the data)
Note: if the "onlyForEmpty" parameter is not set, the behavior corresponds to the "onlyForEmpty" = false setting
Monaco Diff Editor dtl-form-input-monaco-diff
Monaco Diff Editor is an equivalent of Monaco Editor, which offers the ability to compare the content of two editors displayed side by side.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Monaco Diff Editor",
"widget": {
"type": "monaco-diff-editor"
},
"config": {
"type": "string",
"language": "json",
"widgetHeight": "200px"
}
}
Inputs
Default value
Key: default
Name: Default value
Language
Key: language
Name: Language
Description: Language used in this component
Inline
Key: inline
Name: Inline
Description: Inline display of the editor. If checked, number lines, code folding and scrollbar will be disabled.
Resizable
Key: resizable
Name: Resizable
Description: Tick the checkbox if you want to allow users to resize this component.
Swap old and new value
Key: swap
Name: Swap old and new value
Description: Swap old and new editor position. By default the editor for an old value is on the left side.
Enable change revert
Key: enableChangeRevert
Name: Enable change revert
Description: Allow returning the block to its original value by clicking.
Widget height
Key: widgetHeight
Name: Widget height
Description: The height of this widget in pixels. E.g.: 200px
Original
Key: original
Name: Original
Accordion array dtl-fluent-accordion-array
The accordion array field type is a type of input field used to collect and store data in the form of an array. An array is a data structure that contains a ordered collection of elements, where each element can be of any data type. The field can be represented by a collection of input fields, such as text fields, checkboxes, or drop-down menus, each of which is used to collect a single element in the array. Array element can be also a complex Object, designed using Object field type. You may need to use Object type to create complex JSON Schema to communicate with 3rd party systems. Every array item is wrapped inside accordion tab. See <a href="https://json-schema.org/understanding-json-schema/reference/array.html" target="_blank" rel="noreferrer">https://json-schema.org/understanding-json-schema/reference/array.html</a> for more details.
Widget Or Layout: unknown
Value:
{
"type": "array",
"widget": {
"type": "dtl-fluent-accordion-array"
},
"items": {},
"config": {}
}
Inputs
Nadpis - ukazatel dat
Key: headerPointer
Name: Nadpis - ukazatel dat
Podnadpis - ukazatel dat
Key: subheaderPointer
Name: Podnadpis - ukazatel dat
Expression editor dtl-expression-editor
An expression editor is an input field used to input a SPEL or JEXL expression.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Editorvýrazů",
"widget": {
"type": "dtl-expression-editor"
},
"config": {
"isExpression": true,
"hideChangeButton": true,
"defaultType": "spel",
"widgetHeight": 140,
"editorOptions": "JSON.stringify({\n fontSize: 12,\n minimap: {enabled: false},\n automaticLayout: true,\n autoClosingBrackets: 'always',\n matchBrackets: 'always',\n renderWhitespace: 'all',\n scrollBeyondLastLine: false,\n })"
}
}
Automatic Create Field tsm-automatic-create-field-widget
Field with automatic creation option for Entity Specification.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Entity Specification",
"widget": {
"type": "tsm-automatic-create-field-widget",
"showField": true,
"fieldName": "",
"fieldDescription": "",
"defaultFilters": []
}
}
Inputs
Field name
Key: fieldName
Name: Field name
Field description
Key: fieldDescription
Name: Field description
Show field by default
Key: showField
Name: Show field by default
Filters
Key: defaultFilters
Name: Filters
Checklist tsm-checklist
To-do list with the option to upload items from a register
Widget Or Layout: unknown
Value:
{
"type": "object",
"widget": {
"type": "tsm-checklist"
}
}
Inputs
Title
Key: title
Name: Title
Default value
Key: default
Name: Default value
Checklist filter
Key: checklistFilter
Name: Checklist filter
translation.shared.labels tsm-data-tags
translation.shared.labels
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "translation.shared.labels",
"widget": {
"type": "tsm-data-tags"
}
}