Skip to main content
Version: 2.4

CRM Widgets


Campaign Select tsm-campaign-lov

Selection of a campaign from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a campaign",
"widget": {
"type": "tsm-campaign-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-campaign-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-campaign-lov.

{
"type": "object",
"title": "Campaign Select — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-campaign-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-campaign-lov.

{
"type": "object",
"title": "Campaign Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-campaign-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Campaign Type Select tsm-campaign-type-lov

Selection of a campaign type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a campaign type",
"widget": {
"type": "tsm-campaign-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: 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

Value

Key: selectProperty

Name: Value

Default: "code"

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-campaign-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-campaign-type-lov.

{
"type": "object",
"title": "Campaign Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-campaign-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-campaign-type-lov.

{
"type": "object",
"title": "Campaign Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-campaign-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Campaign 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Customer List tsm-customer-list-widget

Customer list in a tabular view with filtering and editing options.

Widget Or Layout: unknown

Value:

{
"title": "Customer List",
"widget": {
"type": "tsm-customer-list-widget"
},
"type": "layout",
"config": {
"pageSize": 10
}
}

Inputs

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

Description: 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.

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.


Campaign Wave List tsm-campaign-wave-list-widget

Campaign wave list in a tabular view with filtering and editing options.

Widget Or Layout: unknown

Value:

{
"title": "Campaign Wave List",
"widget": {
"type": "tsm-campaign-wave-list-widget"
},
"type": "layout",
"config": {}
}

Inputs

Export Privilege

Key: exportPriv

Name: Export Privilege

Description: Defines export permissions for the user.

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.

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-campaign-wave-list-widget/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen export privgen-export-priv.json

Export Privilege: Defines export permissions for the user.

{
"type": "object",
"title": "Campaign Wave List — Export Privilege",
"description": "Export Privilege: Defines export permissions for the user.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-list-widget",
"exportPriv": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Customer Select tsm-customer-lov

Selection of a customer from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a customer",
"widget": {
"type": "tsm-customer-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Show address

Key: addressLocation

Name: Show address

Description: If available, also show the selected customer´s address (customer´s address with the "Permanent address/Headquarters" role.

Default: false

Show email

Key: emailDefault

Name: Show email

Description: If available, also show the primary email of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).

Default: false

Show mobile number

Key: phoneDefault

Name: Show mobile number

Description: If available, also show the primary phone number of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).

Default: false

Segment

Key: segmentDefault

Name: Segment

Description: Segment

Default: false

Add customer button

Key: addCustomerButton

Name: Add customer button

Description: Add customer button

Default: false

External data

Key: externalData

Name: External data

Default: null

Customer type codes

Key: customerTypeCodes

Name: Customer type codes

Default: []

Customer type ids

Key: customerTypeIds

Name: Customer type ids

Default: []

Title to display

Key: newRecordConfig

Name: Title to display

Default: null

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-customer-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen add customer buttongen-add-customer-button.json

Add customer button: Add customer button

{
"type": "object",
"title": "Customer Select — Add customer button",
"description": "Add customer button: Add customer button",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"addCustomerButton": true
}
}
},
"layout": [
"field"
]
}

Gen address locationgen-address-location.json

Show address: If available, also show the selected customer´s address (customer´s address with the "Permanent address/Headquarters" role.

{
"type": "object",
"title": "Customer Select — Show address",
"description": "Show address: If available, also show the selected customer´s address (customer´s address with the \"Permanent address/Headquarters\" role.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"addressLocation": true
}
}
},
"layout": [
"field"
]
}

Gen email defaultgen-email-default.json

Show email: If available, also show the primary email of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).

{
"type": "object",
"title": "Customer Select — Show email",
"description": "Show email: If available, also show the primary email of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code \"Primary“).",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"emailDefault": true
}
}
},
"layout": [
"field"
]
}

Gen external datagen-external-data.json

Demonstrates widget.externalData = "exampleValue" on tsm-customer-lov.

{
"type": "object",
"title": "Customer Select — External data",
"description": "Demonstrates widget.externalData = \"exampleValue\" on tsm-customer-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"externalData": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen phone defaultgen-phone-default.json

Show mobile number: If available, also show the primary phone number of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code "Primary“).

{
"type": "object",
"title": "Customer Select — Show mobile number",
"description": "Show mobile number: If available, also show the primary phone number of the primary person when the customer is selected (Primary person = person registered with the customer, whose Role has the code \"Primary“).",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"phoneDefault": true
}
}
},
"layout": [
"field"
]
}

Gen segment defaultgen-segment-default.json

Segment: Segment

{
"type": "object",
"title": "Customer Select — Segment",
"description": "Segment: Segment",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-lov",
"segmentDefault": true
}
}
},
"layout": [
"field"
]
}

Account Select tsm-account-lov

Selection of an account from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select an account",
"widget": {
"type": "tsm-account-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Default: null

Add account button

Key: addAccountButton

Name: Add account button

Description: Add account button

Default: false

External data

Key: externalData

Name: External data

Default: null

Title to display

Key: newRecordConfig

Name: Title to display

Default: null

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-account-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Basic01-basic.json

{
"type": "object",
"title": "Customer picker — basic",
"properties": {
"customer": {
"type": "string",
"title": "Customer",
"widget": {
"type": "tsm-account-lov"
}
}
},
"layout": [
"customer"
]
}

Readonly02-readonly.json

Display-only — used when the customer is determined by upstream context (e.g. ticket subject) and must not be re-picked.

{
"type": "object",
"title": "Customer picker — readonly",
"description": "Display-only — used when the customer is determined by upstream context (e.g. ticket subject) and must not be re-picked.",
"properties": {
"customer": {
"type": "string",
"title": "Customer",
"widget": {
"type": "tsm-account-lov",
"readonly": true
}
}
},
"layout": [
"customer"
]
}

Required03-required.json

{
"type": "object",
"title": "Customer picker — required",
"properties": {
"customer": {
"type": "string",
"title": "Customer",
"widget": {
"type": "tsm-account-lov",
"required": true,
"placeholder": "Pick a customer…"
}
}
},
"layout": [
"customer"
]
}

With add button04-with-add-button.json

Operator can either pick an existing customer or create a new one inline via the add-button. The add-button popup uses the inline newRecordConfig form.

{
"type": "object",
"title": "Customer picker — with inline add-new",
"description": "Operator can either pick an existing customer or create a new one inline via the add-button. The add-button popup uses the inline `newRecordConfig` form.",
"properties": {
"customer": {
"type": "string",
"title": "Customer",
"widget": {
"type": "tsm-account-lov",
"addAccountButton": true,
"newRecordConfig": {
"title": "New customer",
"submitLabel": "Create",
"fields": [
"firstName",
"lastName",
"email"
]
},
"displayField": "displayName"
}
}
},
"layout": [
"customer"
]
}

Multiselect05-multiselect.json

Multi-pick from a listing — used when a single record needs to be associated with multiple customers (e.g. shared service contracts, multi-tenant invoices).

{
"type": "object",
"title": "Customer picker — multiselect",
"description": "Multi-pick from a listing — used when a single record needs to be associated with multiple customers (e.g. shared service contracts, multi-tenant invoices).",
"properties": {
"customers": {
"type": "array",
"title": "Customers",
"widget": {
"type": "tsm-account-lov",
"multiselect": true,
"displayField": "displayName"
},
"items": {
"type": "string"
}
}
},
"layout": [
"customers"
]
}

Gen add account buttongen-add-account-button.json

Add account button: Add account button

{
"type": "object",
"title": "Account Select — Add account button",
"description": "Add account button: Add account button",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"addAccountButton": true
}
}
},
"layout": [
"field"
]
}

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-account-lov.

{
"type": "object",
"title": "Account Select — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-account-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen customer idgen-customer-id.json

Demonstrates widget.customerId = "exampleValue" on tsm-account-lov.

{
"type": "object",
"title": "Account Select — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-account-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-account-lov.

{
"type": "object",
"title": "Account Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-account-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen external datagen-external-data.json

Demonstrates widget.externalData = "exampleValue" on tsm-account-lov.

{
"type": "object",
"title": "Account Select — External data",
"description": "Demonstrates widget.externalData = \"exampleValue\" on tsm-account-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"externalData": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen new record configgen-new-record-config.json

Demonstrates widget.newRecordConfig = "exampleValue" on tsm-account-lov.

{
"type": "object",
"title": "Account Select — Title to display",
"description": "Demonstrates widget.newRecordConfig = \"exampleValue\" on tsm-account-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-lov",
"newRecordConfig": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Notes

Customer picker — async LOV that searches the CRM customer registry and resolves selected ID(s) against displayField.

Complexity: intermediate

Tags: crm, customer, lov, search

Authoring tips:

  • Wraps the CRM customer registry endpoint; supports both single and multi-select.
  • addAccountButton + newRecordConfig together enable inline create.
  • selectProperty defaults to 'id'; displayField defaults to 'displayName'.
  • For ID-only display (no fetched record), pair with readonly: true and pre-populated default.

Create from Ares Button tsm-ares-new-customer-container

Button to create a customer from the ares register.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-ares-new-customer-container"
}
}

Inputs

Redirect to detail

Key: redirectToDetail

Name: Redirect to detail

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-ares-new-customer-container/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen redirect to detailgen-redirect-to-detail.json

Demonstrates widget.redirectToDetail = false on tsm-ares-new-customer-container.

{
"type": "object",
"title": "Create from Ares Button — Redirect to detail",
"description": "Demonstrates widget.redirectToDetail = false on tsm-ares-new-customer-container.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-ares-new-customer-container",
"redirectToDetail": false
}
}
},
"layout": [
"field"
]
}

Lead List tsm-lead-list-widget

Lead list in a tabular view with filtering and editing options.

Widget Or Layout: unknown

Value:

{
"title": "Lead List",
"widget": {
"type": "tsm-lead-list-widget"
},
"type": "layout",
"config": {}
}

Inputs

Export Privilege

Key: exportPriv

Name: Export Privilege

Description: Defines export permissions for the user.

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.

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-lead-list-widget/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen export privgen-export-priv.json

Export Privilege: Defines export permissions for the user.

{
"type": "object",
"title": "Lead List — Export Privilege",
"description": "Export Privilege: Defines export permissions for the user.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-lead-list-widget",
"exportPriv": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Accounts Bookmark tsm-accounts-bookmark

Simple list of accounts in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-accounts-bookmark"
}
}

Inputs

Account type

Key: accountTypeId

Name: Account type

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Zobrazit tlačítko vytvořit

Key: showNewAccount

Name: Zobrazit tlačítko vytvořit

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

Default: true

New Form Settings

Key: newRecordConfig

Name: New Form Settings

Default: null

Filter combination

Key: filterCombinationMode

Name: Filter combination

Description: Controls whether active filters are combined using AND or OR.

Default: "AND"

Customer filter

Key: customerFilter

Name: Customer filter

Default: null

Person filter

Key: personFilter

Name: Person filter

Default: null

Account filter

Key: accountFilter

Name: Account filter

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-accounts-bookmark/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen account type idgen-account-type-id.json

Demonstrates widget.accountTypeId = "exampleValue" on tsm-accounts-bookmark.

{
"type": "object",
"title": "Accounts Bookmark — Account type",
"description": "Demonstrates widget.accountTypeId = \"exampleValue\" on tsm-accounts-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"accountTypeId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen display only preview mode countgen-display-only-preview-mode-count.json

Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-accounts-bookmark.

{
"type": "object",
"title": "Accounts Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-accounts-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen new record configgen-new-record-config.json

Demonstrates widget.newRecordConfig = "exampleValue" on tsm-accounts-bookmark.

{
"type": "object",
"title": "Accounts Bookmark — New Form Settings",
"description": "Demonstrates widget.newRecordConfig = \"exampleValue\" on tsm-accounts-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"newRecordConfig": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen preview modegen-preview-mode.json

Demonstrates widget.previewMode = "exampleValue" on tsm-accounts-bookmark.

{
"type": "object",
"title": "Accounts Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-accounts-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show new accountgen-show-new-account.json

Demonstrates widget.showNewAccount = false on tsm-accounts-bookmark.

{
"type": "object",
"title": "Accounts Bookmark — Zobrazit tlačítko vytvořit",
"description": "Demonstrates widget.showNewAccount = false on tsm-accounts-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"showNewAccount": false
}
}
},
"layout": [
"field"
]
}

Gen show row menugen-show-row-menu.json

Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

{
"type": "object",
"title": "Accounts Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-accounts-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}

Lead Select tsm-lead-lov

Selection of a lead from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a lead",
"widget": {
"type": "tsm-lead-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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: ["partyName"]

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-lead-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-lead-lov.

{
"type": "object",
"title": "Lead Select — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-lead-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-lead-lov.

{
"type": "object",
"title": "Lead Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-lead-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Person Select tsm-person-lov

Selection of a person from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a person",
"widget": {
"type": "tsm-person-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Default: null

Show key

Key: keyDefault

Name: Show key

Description: Display the key of the selected person in readonly mode.

Default: true

Show email

Key: emailDefault

Name: Show email

Description: If available, also show the selected person´s primary e-mail.

Default: false

Show mobile number

Key: phoneDefault

Name: Show mobile number

Description: If available, also show the selected person´s primary phone number.

Default: false

Add customer button

Key: addPersonButton

Name: Add customer button

Description: Add customer button

Default: false

Allowed person role type codes

Key: personRoleTypeCodes

Name: Allowed person role type codes

Description: Allowed person role type codes

Default: ""

The role in creating the person will be mandatory

Key: personRoleObligation

Name: The role in creating the person will be mandatory

Description: The role in creating the person will be mandatory

Default: false

Hide person button for disabled

Key: hidePersonButtonForDisabled

Name: Hide person button for disabled

Description: Hide person button for disabled

Default: false

Filtered person role type codes

Key: filteredPersonRoleTypeCodes

Name: Filtered person role type codes

Description: Filtered person role type codes

Default: null

Listing

Key: listingTypeCode

Name: Listing

Default: null

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

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-person-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen add person buttongen-add-person-button.json

Add customer button: Add customer button

{
"type": "object",
"title": "Person Select — Add customer button",
"description": "Add customer button: Add customer button",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"addPersonButton": true
}
}
},
"layout": [
"field"
]
}

Gen customer idgen-customer-id.json

Demonstrates widget.customerId = "exampleValue" on tsm-person-lov.

{
"type": "object",
"title": "Person Select — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-person-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen email defaultgen-email-default.json

Show email: If available, also show the selected person´s primary e-mail.

{
"type": "object",
"title": "Person Select — Show email",
"description": "Show email: If available, also show the selected person´s primary e-mail.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"emailDefault": true
}
}
},
"layout": [
"field"
]
}

Gen key defaultgen-key-default.json

Show key: Display the key of the selected person in readonly mode.

{
"type": "object",
"title": "Person Select — Show key",
"description": "Show key: Display the key of the selected person in readonly mode.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"keyDefault": false
}
}
},
"layout": [
"field"
]
}

Gen person role type codesgen-person-role-type-codes.json

Allowed person role type codes: Allowed person role type codes

{
"type": "object",
"title": "Person Select — Allowed person role type codes",
"description": "Allowed person role type codes: Allowed person role type codes",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"personRoleTypeCodes": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen phone defaultgen-phone-default.json

Show mobile number: If available, also show the selected person´s primary phone number.

{
"type": "object",
"title": "Person Select — Show mobile number",
"description": "Show mobile number: If available, also show the selected person´s primary phone number.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-lov",
"phoneDefault": true
}
}
},
"layout": [
"field"
]
}

Persons Bookmark tsm-persons-bookmark

Simple list of persons in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-persons-bookmark"
}
}

Inputs

Preview mode

Key: previewMode

Name: Preview mode

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Show usage column

Key: showUsage

Name: Show usage column

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

Default: true

Filters

Key: filter

Name: Filters

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-persons-bookmark/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen display only preview mode countgen-display-only-preview-mode-count.json

Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-persons-bookmark.

{
"type": "object",
"title": "Persons Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-persons-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen filtergen-filter.json

Demonstrates widget.filter = "exampleValue" on tsm-persons-bookmark.

{
"type": "object",
"title": "Persons Bookmark — Filters",
"description": "Demonstrates widget.filter = \"exampleValue\" on tsm-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-persons-bookmark",
"filter": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen preview modegen-preview-mode.json

Demonstrates widget.previewMode = "exampleValue" on tsm-persons-bookmark.

{
"type": "object",
"title": "Persons Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-persons-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show row menugen-show-row-menu.json

Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

{
"type": "object",
"title": "Persons Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-persons-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}

Gen show usagegen-show-usage.json

Demonstrates widget.showUsage = false on tsm-persons-bookmark.

{
"type": "object",
"title": "Persons Bookmark — Show usage column",
"description": "Demonstrates widget.showUsage = false on tsm-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-persons-bookmark",
"showUsage": false
}
}
},
"layout": [
"field"
]
}

Address Role Type Select tsm-crm-address-role-type-lov

Selection of an address role type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select an address role type",
"widget": {
"type": "tsm-crm-address-role-type-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-crm-address-role-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-crm-address-role-type-lov.

{
"type": "object",
"title": "Address Role Type Select — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-crm-address-role-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-crm-address-role-type-lov.

{
"type": "object",
"title": "Address Role Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-crm-address-role-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Address Role 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Address Role 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Address Role 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Address Role 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-role-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Address Select tsm-crm-address-lov

Selection of an address from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select an address",
"widget": {
"type": "tsm-crm-address-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Default: null

Readonly role type

Key: readonlyRoleType

Name: Readonly role type

Description: When enabled, role type field is readonly in address detail

Default: true

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

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: ["formattedAddress"]

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-crm-address-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen customer idgen-customer-id.json

Demonstrates widget.customerId = "exampleValue" on tsm-crm-address-lov.

{
"type": "object",
"title": "Address Select — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-crm-address-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-crm-address-lov.

{
"type": "object",
"title": "Address Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-crm-address-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Address 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen readonly role typegen-readonly-role-type.json

Readonly role type: When enabled, role type field is readonly in address detail

{
"type": "object",
"title": "Address Select — Readonly role type",
"description": "Readonly role type: When enabled, role type field is readonly in address detail",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"readonlyRoleType": false
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Address 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Address 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",
"title": "Field",
"widget": {
"type": "tsm-crm-address-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Addresses Bookmark tsm-crm-addresses-bookmark

Simple list of addresses in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-crm-addresses-bookmark"
}
}

Inputs

Preview mode

Key: previewMode

Name: Preview mode

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Show usage column

Key: showUsage

Name: Show usage column

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

Default: true

Script

Key: scriptCode

Name: Script

Default: null

Filters

Key: filter

Name: Filters

Default: []

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-crm-addresses-bookmark/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen display only preview mode countgen-display-only-preview-mode-count.json

Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-crm-addresses-bookmark.

{
"type": "object",
"title": "Addresses Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-crm-addresses-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen filtergen-filter.json

Demonstrates widget.filter = ["exampleItem"] on tsm-crm-addresses-bookmark.

{
"type": "object",
"title": "Addresses Bookmark — Filters",
"description": "Demonstrates widget.filter = [\"exampleItem\"] on tsm-crm-addresses-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"filter": [
"exampleItem"
]
}
}
},
"layout": [
"field"
]
}

Gen preview modegen-preview-mode.json

Demonstrates widget.previewMode = "exampleValue" on tsm-crm-addresses-bookmark.

{
"type": "object",
"title": "Addresses Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-crm-addresses-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen script codegen-script-code.json

Demonstrates widget.scriptCode = "exampleValue" on tsm-crm-addresses-bookmark.

{
"type": "object",
"title": "Addresses Bookmark — Script",
"description": "Demonstrates widget.scriptCode = \"exampleValue\" on tsm-crm-addresses-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"scriptCode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show row menugen-show-row-menu.json

Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

{
"type": "object",
"title": "Addresses Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}

Gen show usagegen-show-usage.json

Demonstrates widget.showUsage = false on tsm-crm-addresses-bookmark.

{
"type": "object",
"title": "Addresses Bookmark — Show usage column",
"description": "Demonstrates widget.showUsage = false on tsm-crm-addresses-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-addresses-bookmark",
"showUsage": false
}
}
},
"layout": [
"field"
]
}

Address Roles Bookmark tsm-crm-address-roles-bookmark

Simple list of address roles in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-crm-address-roles-bookmark"
}
}

Inputs

Type

Key: type

Name: Type

Default: "order"

Customer

Key: customer

Name: Customer

Default: null

Lead

Key: lead

Name: Lead

Default: null

Account

Key: account

Name: Account

Default: null

Person

Key: person

Name: Person

Default: null

Order

Key: order

Name: Order

Default: null

Parent privilege

Key: parentPriv

Name: Parent privilege

Description: Parent privilege

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Hide button Add

Key: hideAddButton

Name: Hide button Add

Default: false

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-crm-address-roles-bookmark/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen accountgen-account.json

Demonstrates widget.account = "exampleValue" on tsm-crm-address-roles-bookmark.

{
"type": "object",
"title": "Address Roles Bookmark — Account",
"description": "Demonstrates widget.account = \"exampleValue\" on tsm-crm-address-roles-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"account": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen customergen-customer.json

Demonstrates widget.customer = "exampleValue" on tsm-crm-address-roles-bookmark.

{
"type": "object",
"title": "Address Roles Bookmark — Customer",
"description": "Demonstrates widget.customer = \"exampleValue\" on tsm-crm-address-roles-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"customer": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen leadgen-lead.json

Demonstrates widget.lead = "exampleValue" on tsm-crm-address-roles-bookmark.

{
"type": "object",
"title": "Address Roles Bookmark — Lead",
"description": "Demonstrates widget.lead = \"exampleValue\" on tsm-crm-address-roles-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"lead": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen ordergen-order.json

Demonstrates widget.order = "exampleValue" on tsm-crm-address-roles-bookmark.

{
"type": "object",
"title": "Address Roles Bookmark — Order",
"description": "Demonstrates widget.order = \"exampleValue\" on tsm-crm-address-roles-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"order": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen parent privgen-parent-priv.json

Parent privilege: Parent privilege

{
"type": "object",
"title": "Address Roles Bookmark — Parent privilege",
"description": "Parent privilege: Parent privilege",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"parentPriv": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen persongen-person.json

Demonstrates widget.person = "exampleValue" on tsm-crm-address-roles-bookmark.

{
"type": "object",
"title": "Address Roles Bookmark — Person",
"description": "Demonstrates widget.person = \"exampleValue\" on tsm-crm-address-roles-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-crm-address-roles-bookmark",
"person": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Selection of a legal form from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a legal form",
"widget": {
"type": "tsm-customer-legal-form-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

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

Value

Key: selectProperty

Name: Value

Default: "all"

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-customer-legal-form-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen keyboard on mobilegen-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": "Legal Form 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",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-customer-legal-form-lov.

{
"type": "object",
"title": "Legal Form Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-customer-legal-form-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Legal Form 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",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen select propertygen-select-property.json

Demonstrates widget.selectProperty = "exampleValue" on tsm-customer-legal-form-lov.

{
"type": "object",
"title": "Legal Form Select — Value",
"description": "Demonstrates widget.selectProperty = \"exampleValue\" on tsm-customer-legal-form-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"selectProperty": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Legal Form 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",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Legal Form 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",
"title": "Field",
"widget": {
"type": "tsm-customer-legal-form-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Customer Segment Select tsm-customer-segment-lov

Selection of a customer segment from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a customer segment",
"widget": {
"type": "tsm-customer-segment-lov"
},
"config": {
"selectProperty": "id"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Show care level

Key: showCareLevel

Name: Show care level

Description: Show care level

Default: true

Legal form code

Key: legalFormCode

Name: Legal form code

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

Value

Key: selectProperty

Name: Value

Default: "all"

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-customer-segment-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-customer-segment-lov.

{
"type": "object",
"title": "Customer Segment Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-customer-segment-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Customer Segment 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",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen legal form codegen-legal-form-code.json

Demonstrates widget.legalFormCode = "exampleValue" on tsm-customer-segment-lov.

{
"type": "object",
"title": "Customer Segment Select — Legal form code",
"description": "Demonstrates widget.legalFormCode = \"exampleValue\" on tsm-customer-segment-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"legalFormCode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show care levelgen-show-care-level.json

Show care level: Show care level

{
"type": "object",
"title": "Customer Segment Select — Show care level",
"description": "Show care level: Show care level",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"showCareLevel": false
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Customer Segment 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",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Customer Segment 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",
"title": "Field",
"widget": {
"type": "tsm-customer-segment-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Responsible Persons Bookmark tsm-responsible-persons-bookmark

Simple list of responsible persons in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-responsible-persons-bookmark"
}
}

Inputs

Customer

Key: customerId

Name: Customer

Default: null

Type

Key: type

Name: Type

Default: "order"

Parent privilege

Key: parentPriv

Name: Parent privilege

Description: Parent privilege

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

Description: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-responsible-persons-bookmark/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen customer idgen-customer-id.json

Demonstrates widget.customerId = "exampleValue" on tsm-responsible-persons-bookmark.

{
"type": "object",
"title": "Responsible Persons Bookmark — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on tsm-responsible-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-responsible-persons-bookmark",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen display only preview mode countgen-display-only-preview-mode-count.json

Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-responsible-persons-bookmark.

{
"type": "object",
"title": "Responsible Persons Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-responsible-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-responsible-persons-bookmark",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen parent privgen-parent-priv.json

Parent privilege: Parent privilege

{
"type": "object",
"title": "Responsible Persons Bookmark — Parent privilege",
"description": "Parent privilege: Parent privilege",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-responsible-persons-bookmark",
"parentPriv": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen preview modegen-preview-mode.json

Demonstrates widget.previewMode = "exampleValue" on tsm-responsible-persons-bookmark.

{
"type": "object",
"title": "Responsible Persons Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-responsible-persons-bookmark.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-responsible-persons-bookmark",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen show row menugen-show-row-menu.json

Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.

{
"type": "object",
"title": "Responsible Persons Bookmark — Show row actions menu",
"description": "Show row actions menu: Show the gear icon with the actions menu (e.g. go to detail) in every row. Turn off to save space.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-responsible-persons-bookmark",
"showRowMenu": false
}
}
},
"layout": [
"field"
]
}

Contacts Bookmark tsm-contacts-manager

Simple list of contacts in a tabular view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-contacts-manager"
}
}

Inputs

Parent privilege

Key: privRoot

Name: Parent privilege

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Customer

Key: entity

Name: Customer

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-contacts-manager/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen display only preview mode countgen-display-only-preview-mode-count.json

Demonstrates widget.displayOnlyPreviewModeCount = "exampleValue" on tsm-contacts-manager.

{
"type": "object",
"title": "Contacts Bookmark — Preview mode - display only count.",
"description": "Demonstrates widget.displayOnlyPreviewModeCount = \"exampleValue\" on tsm-contacts-manager.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-contacts-manager",
"displayOnlyPreviewModeCount": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen entitygen-entity.json

Demonstrates widget.entity = "exampleValue" on tsm-contacts-manager.

{
"type": "object",
"title": "Contacts Bookmark — Customer",
"description": "Demonstrates widget.entity = \"exampleValue\" on tsm-contacts-manager.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-contacts-manager",
"entity": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner typegen-owner-type.json

Demonstrates widget.ownerType = "exampleValue" on tsm-contacts-manager.

{
"type": "object",
"title": "Contacts Bookmark — Owner type",
"description": "Demonstrates widget.ownerType = \"exampleValue\" on tsm-contacts-manager.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-contacts-manager",
"ownerType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen preview modegen-preview-mode.json

Demonstrates widget.previewMode = "exampleValue" on tsm-contacts-manager.

{
"type": "object",
"title": "Contacts Bookmark — Preview mode",
"description": "Demonstrates widget.previewMode = \"exampleValue\" on tsm-contacts-manager.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-contacts-manager",
"previewMode": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen priv rootgen-priv-root.json

Demonstrates widget.privRoot = "exampleValue" on tsm-contacts-manager.

{
"type": "object",
"title": "Contacts Bookmark — Parent privilege",
"description": "Demonstrates widget.privRoot = \"exampleValue\" on tsm-contacts-manager.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-contacts-manager",
"privRoot": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Customer Type Select tsm-customer-type-lov

Selection of a customer type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a customer type",
"widget": {
"type": "tsm-customer-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: 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

Value

Key: selectProperty

Name: Value

Default: "all"

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-customer-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-customer-type-lov.

{
"type": "object",
"title": "Customer Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-customer-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Customer 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",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-customer-type-lov.

{
"type": "object",
"title": "Customer Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-customer-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Customer 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",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Customer 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",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Customer 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",
"title": "Field",
"widget": {
"type": "tsm-customer-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Account Status Select tsm-account-status-lov

Selection of an account status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select an account status",
"widget": {
"type": "tsm-account-status-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-account-status-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen filterablegen-filterable.json

Demonstrates widget.filterable = false on tsm-account-status-lov.

{
"type": "object",
"title": "Account Status Select — Filterable",
"description": "Demonstrates widget.filterable = false on tsm-account-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-status-lov",
"filterable": false
}
}
},
"layout": [
"field"
]
}

Account type select tsm-account-type-lov

Selection of an account type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select an account type",
"widget": {
"type": "tsm-account-type-lov"
},
"type": "string",
"config": {}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-account-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-account-type-lov.

{
"type": "object",
"title": "Account type select — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-account-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-account-type-lov.

{
"type": "object",
"title": "Account type select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-account-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Account 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",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Account 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",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Account 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",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Account 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",
"title": "Field",
"widget": {
"type": "tsm-account-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Caimpaign Wave Definition tsm-campaign-wave-definition-lov

Overview of the current campaign wave definition with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a campaign wave definition",
"widget": {
"type": "tsm-campaign-wave-definition-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

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

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-campaign-wave-definition-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen charsgen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-campaign-wave-definition-lov.

{
"type": "object",
"title": "Caimpaign Wave Definition — Characteristics filters",
"description": "Demonstrates widget.chars = \"exampleValue\" on tsm-campaign-wave-definition-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"chars": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-campaign-wave-definition-lov.

{
"type": "object",
"title": "Caimpaign Wave Definition — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-campaign-wave-definition-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Caimpaign Wave Definition — 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Caimpaign Wave Definition — 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Caimpaign Wave Definition — 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"showClear": false
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Caimpaign Wave Definition — 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",
"title": "Field",
"widget": {
"type": "tsm-campaign-wave-definition-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Campaign Status Bar tsm-campaign-status-steps

Overview of the current status of the campaign with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-campaign-status-steps"
}
}

Inputs

Campaign

Key: campaign

Name: Campaign

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-campaign-status-steps/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen campaigngen-campaign.json

Demonstrates widget.campaign = "exampleValue" on tsm-campaign-status-steps.

{
"type": "object",
"title": "Campaign Status Bar — Campaign",
"description": "Demonstrates widget.campaign = \"exampleValue\" on tsm-campaign-status-steps.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-campaign-status-steps",
"campaign": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Customer History tsm-customer-history

History of actions and changes made to the customer in a clear view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-customer-history"
}
}

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-customer-history/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen compactgen-compact.json

Demonstrates widget.compact = "exampleValue" on tsm-customer-history.

{
"type": "object",
"title": "Customer History — Compact",
"description": "Demonstrates widget.compact = \"exampleValue\" on tsm-customer-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-customer-history",
"compact": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner idgen-owner-id.json

Demonstrates widget.ownerId = "exampleValue" on tsm-customer-history.

{
"type": "object",
"title": "Customer History — Owner Id",
"description": "Demonstrates widget.ownerId = \"exampleValue\" on tsm-customer-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-customer-history",
"ownerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner typegen-owner-type.json

Demonstrates widget.ownerType = "exampleValue" on tsm-customer-history.

{
"type": "object",
"title": "Customer History — Owner type",
"description": "Demonstrates widget.ownerType = \"exampleValue\" on tsm-customer-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-customer-history",
"ownerType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Customer Status Select tsm-customer-status-lov

Selection of a customer status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a customer status",
"widget": {
"type": "tsm-customer-status-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-customer-status-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen filterablegen-filterable.json

Demonstrates widget.filterable = false on tsm-customer-status-lov.

{
"type": "object",
"title": "Customer Status Select — Filterable",
"description": "Demonstrates widget.filterable = false on tsm-customer-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-customer-status-lov",
"filterable": false
}
}
},
"layout": [
"field"
]
}

Lead Priority Select tsm-lead-priority-lov

Selection of a lead priority from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a lead priority",
"widget": {
"type": "tsm-lead-priority-lov"
},
"type": "string",
"config": {}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Priority Select tsm-lead-priority-lov

Selection of a lead priority from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a lead priority",
"widget": {
"type": "tsm-lead-priority-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Rating Select tsm-lead-rating-lov

Selection of a lead rating from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a lead rating",
"widget": {
"type": "tsm-lead-rating-lov"
},
"type": "string",
"config": {}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Rating Select tsm-lead-rating-lov

Selection of a lead rating from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a lead rating",
"widget": {
"type": "tsm-lead-rating-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Source Select tsm-lead-source-lov

Selection of a lead source from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a lead source",
"widget": {
"type": "tsm-lead-source-lov"
},
"type": "string",
"config": {}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Source Select tsm-lead-source-lov

Selection of a lead source from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a lead source",
"widget": {
"type": "tsm-lead-source-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Status Select tsm-lead-status-lov

Selection of a lead status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a lead status",
"widget": {
"type": "tsm-lead-status-lov"
},
"type": "string",
"config": {}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead Status Select tsm-lead-status-lov

Selection of a lead status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a lead status",
"widget": {
"type": "tsm-lead-status-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""


Lead type Select tsm-lead-type-lov

Selection of a lead type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a lead type",
"widget": {
"type": "tsm-lead-type-lov"
},
"type": "string",
"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

Value

Key: selectProperty

Name: Value

Default: "all"

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-lead-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-lead-type-lov.

{
"type": "object",
"title": "Lead type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-lead-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-lead-type-lov.

{
"type": "object",
"title": "Lead type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-lead-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Lead 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",
"title": "Field",
"widget": {
"type": "tsm-lead-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Person Role Type Select tsm-person-role-type-lov

Selection of a person role type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a person role type",
"widget": {
"type": "tsm-person-role-type-lov"
},
"type": "string",
"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

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-person-role-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-person-role-type-lov.

{
"type": "object",
"title": "Person Role Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-person-role-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Person Role 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",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-person-role-type-lov.

{
"type": "object",
"title": "Person Role Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-person-role-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Person Role 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",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Person Role 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",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Person Role 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",
"title": "Field",
"widget": {
"type": "tsm-person-role-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Person Status Select tsm-person-status-lov

Selection of a person status from a dropdown list.

Widget Or Layout: unknown

Value:

{
"type": "string",
"title": "Select a person status",
"widget": {
"type": "tsm-person-status-lov"
}
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-person-status-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen filterablegen-filterable.json

Demonstrates widget.filterable = false on tsm-person-status-lov.

{
"type": "object",
"title": "Person Status Select — Filterable",
"description": "Demonstrates widget.filterable = false on tsm-person-status-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-status-lov",
"filterable": false
}
}
},
"layout": [
"field"
]
}

Person Type Select tsm-person-type-lov

Selection of a person type from a dropdown list.

Widget Or Layout: unknown

Value:

{
"title": "Select a person type",
"widget": {
"type": "tsm-person-type-lov"
},
"type": "string",
"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

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-person-type-lov/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen default filtersgen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-person-type-lov.

{
"type": "object",
"title": "Person Type Select — Filters",
"description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-person-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"defaultFilters": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen keyboard on mobilegen-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": "Person 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",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"keyboardOnMobile": false
}
}
},
"layout": [
"field"
]
}

Gen multiselectgen-multiselect.json

Demonstrates widget.multiselect = true on tsm-person-type-lov.

{
"type": "object",
"title": "Person Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates widget.multiselect = true on tsm-person-type-lov.",
"properties": {
"field": {
"type": "string",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"multiselect": true
}
}
},
"layout": [
"field"
]
}

Gen select first valuegen-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": "Person 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",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"selectFirstValue": true
}
}
},
"layout": [
"field"
]
}

Gen show cleargen-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": "Person 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",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"showClear": true
}
}
},
"layout": [
"field"
]
}

Gen show none textgen-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": "Person 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",
"title": "Field",
"widget": {
"type": "tsm-person-type-lov",
"showNoneText": false
}
}
},
"layout": [
"field"
]
}

Account History tsm-account-history

History of actions and changes made to the account in a clear view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-account-history"
}
}

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-account-history/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen compactgen-compact.json

Demonstrates widget.compact = "exampleValue" on tsm-account-history.

{
"type": "object",
"title": "Account History — Compact",
"description": "Demonstrates widget.compact = \"exampleValue\" on tsm-account-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-account-history",
"compact": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner idgen-owner-id.json

Demonstrates widget.ownerId = "exampleValue" on tsm-account-history.

{
"type": "object",
"title": "Account History — Owner Id",
"description": "Demonstrates widget.ownerId = \"exampleValue\" on tsm-account-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-account-history",
"ownerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner typegen-owner-type.json

Demonstrates widget.ownerType = "exampleValue" on tsm-account-history.

{
"type": "object",
"title": "Account History — Owner type",
"description": "Demonstrates widget.ownerType = \"exampleValue\" on tsm-account-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-account-history",
"ownerType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Account Status Bar tsm-account-steps

Overview of the current status of the account with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-account-steps"
}
}

Inputs

Account

Key: account

Name: Account

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-account-steps/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen accountgen-account.json

Demonstrates widget.account = "exampleValue" on tsm-account-steps.

{
"type": "object",
"title": "Account Status Bar — Account",
"description": "Demonstrates widget.account = \"exampleValue\" on tsm-account-steps.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-account-steps",
"account": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Lead History tsm-lead-history

History of actions and changes made to the lead in a clear view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-lead-history"
}
}

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-lead-history/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen compactgen-compact.json

Demonstrates widget.compact = "exampleValue" on tsm-lead-history.

{
"type": "object",
"title": "Lead History — Compact",
"description": "Demonstrates widget.compact = \"exampleValue\" on tsm-lead-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-lead-history",
"compact": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner idgen-owner-id.json

Demonstrates widget.ownerId = "exampleValue" on tsm-lead-history.

{
"type": "object",
"title": "Lead History — Owner Id",
"description": "Demonstrates widget.ownerId = \"exampleValue\" on tsm-lead-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-lead-history",
"ownerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner typegen-owner-type.json

Demonstrates widget.ownerType = "exampleValue" on tsm-lead-history.

{
"type": "object",
"title": "Lead History — Owner type",
"description": "Demonstrates widget.ownerType = \"exampleValue\" on tsm-lead-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-lead-history",
"ownerType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Lead Status Bar tsm-lead-steps

Overview of the current status of the lead with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-lead-steps"
}
}

Inputs

Lead

Key: lead

Name: Lead

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-lead-steps/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen leadgen-lead.json

Demonstrates widget.lead = "exampleValue" on tsm-lead-steps.

{
"type": "object",
"title": "Lead Status Bar — Lead",
"description": "Demonstrates widget.lead = \"exampleValue\" on tsm-lead-steps.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-lead-steps",
"lead": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Person History tsm-person-history

History of actions and changes made to the person in a clear view.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-person-history"
}
}

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-person-history/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen compactgen-compact.json

Demonstrates widget.compact = "exampleValue" on tsm-person-history.

{
"type": "object",
"title": "Person History — Compact",
"description": "Demonstrates widget.compact = \"exampleValue\" on tsm-person-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-person-history",
"compact": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner idgen-owner-id.json

Demonstrates widget.ownerId = "exampleValue" on tsm-person-history.

{
"type": "object",
"title": "Person History — Owner Id",
"description": "Demonstrates widget.ownerId = \"exampleValue\" on tsm-person-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-person-history",
"ownerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen owner typegen-owner-type.json

Demonstrates widget.ownerType = "exampleValue" on tsm-person-history.

{
"type": "object",
"title": "Person History — Owner type",
"description": "Demonstrates widget.ownerType = \"exampleValue\" on tsm-person-history.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-person-history",
"ownerType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Person Status Bar tsm-person-steps

Overview of the current status of the person with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-person-steps"
}
}

Inputs

Person

Key: person

Name: Person

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-person-steps/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen persongen-person.json

Demonstrates widget.person = "exampleValue" on tsm-person-steps.

{
"type": "object",
"title": "Person Status Bar — Person",
"description": "Demonstrates widget.person = \"exampleValue\" on tsm-person-steps.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-person-steps",
"person": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Customer Status Bar tsm-customer-steps

Overview of the current status of the customer with quick switching options.

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "tsm-customer-steps"
}
}

Inputs

Customer

Key: customer

Name: Customer

Default: null

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-customer-steps/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen customergen-customer.json

Demonstrates widget.customer = "exampleValue" on tsm-customer-steps.

{
"type": "object",
"title": "Customer Status Bar — Customer",
"description": "Demonstrates widget.customer = \"exampleValue\" on tsm-customer-steps.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "tsm-customer-steps",
"customer": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Person Phones tsm-person-phones

Manages a list of phone numbers with type and primary designation.

Widget Or Layout: unknown

Value:

{
"type": "array",
"title": "Phone numbers",
"widget": {
"type": "tsm-person-phones",
"notitle": true
}
}

Inputs

Show type

Key: showType

Name: Show type

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-person-phones/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen show typegen-show-type.json

Demonstrates widget.showType = false on tsm-person-phones.

{
"type": "object",
"title": "Person Phones — Show type",
"description": "Demonstrates widget.showType = false on tsm-person-phones.",
"properties": {
"field": {
"type": "array",
"title": "Field",
"widget": {
"type": "tsm-person-phones",
"showType": false
}
}
},
"layout": [
"field"
]
}

Person Emails tsm-person-emails

Manages a list of email addresses with type and primary designation.

Widget Or Layout: unknown

Value:

{
"type": "array",
"title": "Email addresses",
"widget": {
"type": "tsm-person-emails",
"notitle": true
}
}

Inputs

Show type

Key: showType

Name: Show type

Default: true

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-person-emails/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen show typegen-show-type.json

Demonstrates widget.showType = false on tsm-person-emails.

{
"type": "object",
"title": "Person Emails — Show type",
"description": "Demonstrates widget.showType = false on tsm-person-emails.",
"properties": {
"field": {
"type": "array",
"title": "Field",
"widget": {
"type": "tsm-person-emails",
"showType": false
}
}
},
"layout": [
"field"
]
}

Planned task char demo-planned-task-char

Planned task char

Widget Or Layout: unknown

Value:

{
"type": "object",
"title": "Detailtaskuplanovace",
"widget": {
"notitle": true,
"type": "demo-planned-task-char"
}
}

Product cards demo-entity-instance-configuration-widget

Product cards

Widget Or Layout: unknown

Value:

{
"type": "layout",
"widget": {
"type": "demo-entity-instance-configuration-widget"
}
}

Inputs

Selection

Key: select

Name: Selection

Default: 1

ID

Key: entityInstanceConfigurationIds

Name: ID

Default: null

Customer

Key: customerId

Name: Customer

Default: null

Account

Key: accountId

Name: Account

Default: null

Ticket

Key: ticketId

Name: Ticket

Default: null

Ref type související entity for ticket

Key: relatedEntityRefType

Name: Ref type související entity for ticket

Default: "EntityInstanceConfiguration"

Characteristics

Key: chars

Name: Characteristics

Default: null

Chars path to ID

Key: charsPath

Name: Chars path to ID

Default: ""

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/demo-entity-instance-configuration-widget/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen account idgen-account-id.json

Demonstrates widget.accountId = "exampleValue" on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — Account",
"description": "Demonstrates widget.accountId = \"exampleValue\" on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"accountId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen customer idgen-customer-id.json

Demonstrates widget.customerId = "exampleValue" on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — Customer",
"description": "Demonstrates widget.customerId = \"exampleValue\" on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"customerId": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen entity instance configuration idsgen-entity-instance-configuration-ids.json

Demonstrates widget.entityInstanceConfigurationIds = "exampleValue" on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — ID",
"description": "Demonstrates widget.entityInstanceConfigurationIds = \"exampleValue\" on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"entityInstanceConfigurationIds": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen related entity ref typegen-related-entity-ref-type.json

Demonstrates widget.relatedEntityRefType = "exampleValue" on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — Ref type související entity for ticket",
"description": "Demonstrates widget.relatedEntityRefType = \"exampleValue\" on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"relatedEntityRefType": "exampleValue"
}
}
},
"layout": [
"field"
]
}

Gen selectgen-select.json

Demonstrates widget.select = 2 on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — Selection",
"description": "Demonstrates widget.select = 2 on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"select": 2
}
}
},
"layout": [
"field"
]
}

Gen ticket idgen-ticket-id.json

Demonstrates widget.ticketId = "exampleValue" on demo-entity-instance-configuration-widget.

{
"type": "object",
"title": "Product cards — Ticket",
"description": "Demonstrates widget.ticketId = \"exampleValue\" on demo-entity-instance-configuration-widget.",
"properties": {
"field": {
"type": "layout",
"title": "Field",
"widget": {
"type": "demo-entity-instance-configuration-widget",
"ticketId": "exampleValue"
}
}
},
"layout": [
"field"
]
}