Address Management Widgets
Address Conflict List tsm-address-conflict-list-widget
Address conflict list based on automated detection in a tabular view with filtering options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Address Conflict List",
"widget": {
"type": "tsm-address-conflict-list-widget"
},
"config": {
"pageSize": 10
}
}
Inputs
title
Key: title
Name: title
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Address List tsm-address-list-widget
Address list in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Address List",
"widget": {
"type": "tsm-address-list-widget"
},
"config": {
"pageSize": 10
}
}
Inputs
title
Key: title
Name: title
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Address Search tsm-address-input
Component for searching and selecting addresses with advanced filtering.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Address Search",
"widget": {
"type": "tsm-address-input"
}
}
Inputs
Show none text
Key: showNone
Name: Show none text
Default: true
Default value
Key: default
Name: Default value
Default: ""
Edit type
Key: editType
Name: Edit type
Description: All – allows fetching the address, modifying it, or adding it manually.
externalAddressRequired – only fetching the external address.
externalAddressOptional – either fetching the external address or adding it manually.
Default: "externalAddressRequired"
Customer
Key: customerId
Name: Customer
Default: null
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-address-input/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen show none — gen-show-none.json
Demonstrates config.showNone = false on tsm-address-input.
{
"type": "object",
"title": "Address Search — Show none text",
"description": "Demonstrates config.showNone = false on tsm-address-input.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-address-input"
},
"title": "Field",
"config": {
"showNone": false
}
}
},
"layout": [
"field"
]
}
Area List tsm-area-list-widget
Area list in a tabular view with filtering and editing options.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Area List",
"widget": {
"type": "tsm-area-list-widget"
},
"config": {
"pageSize": 10
}
}
Inputs
title
Key: title
Name: title
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Place Addresses tsm-place-addresses-bookmark
Table of place addresses with options to add, edit, delete and view the address detail. Visible actions, columns and the allowed number of addresses are configurable.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"widget": {
"type": "tsm-place-addresses-bookmark"
},
"config": {
"placeId": "${$context.entity.id}"
}
}
Inputs
Place
Key: placeId
Name: Place
Description: Place whose addresses are shown. A newly added widget uses the place of the detail context.
Default: null
Hide add button
Key: hideAddButton
Name: Hide add button
Default: false
Allow creating in read-only mode
Key: allowNewPlaceAddressWhenReadonly
Name: Allow creating in read-only mode
Description: The new place address button stays available in read-only mode. Existing addresses open read-only and cannot be deleted.
Default: false
Hide delete button
Key: hideDeleteButton
Name: Hide delete button
Default: false
Visible columns
Key: columns
Name: Visible columns
Description: The table columns are shown in the order you select them. The default is place address type, status, name, address and description.
Default: ["placeAddressType","status","name","address","description"]
Minimum number of addresses
Key: minCount
Name: Minimum number of addresses
Description: Once this number is reached, addresses can no longer be deleted. An empty value means no limit.
Default: null
Maximum number of addresses
Key: maxCount
Name: Maximum number of addresses
Description: Once this number is reached, no more addresses can be added. An empty value means no limit.
Default: null
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-place-addresses-bookmark/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Address key and limits — 01-address-key-and-limits.json
tsm-place-addresses-bookmark on the place detail: the place comes from the detail context, the table adds the address key column, the last address cannot be deleted and at most three addresses can be added. Rows open for editing; where editing is not allowed, a view-only detail takes its place.
{
"type": "object",
"title": "Place Addresses Bookmark — address key and count limits",
"description": "tsm-place-addresses-bookmark on the place detail: the place comes from the detail context, the table adds the address key column, the last address cannot be deleted and at most three addresses can be added. Rows open for editing; where editing is not allowed, a view-only detail takes its place.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-place-addresses-bookmark"
},
"config": {
"placeId": "${$context.entity.id}",
"columns": [
"placeAddressType",
"address",
"addressKey",
"status"
],
"minCount": 1,
"maxCount": 3
}
}
]
}
Gen allow new place address when readonly — gen-allow-new-place-address-when-readonly.json
Allow creating in read-only mode: The new place address button stays available in read-only mode. Existing addresses open read-only and cannot be deleted.
{
"type": "object",
"title": "Place Addresses — Allow creating in read-only mode",
"description": "Allow creating in read-only mode: The new place address button stays available in read-only mode. Existing addresses open read-only and cannot be deleted.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-place-addresses-bookmark"
},
"config": {
"placeId": "${$context.entity.id}",
"allowNewPlaceAddressWhenReadonly": true
}
}
]
}
Gen hide add button — gen-hide-add-button.json
Demonstrates config.hideAddButton = true on tsm-place-addresses-bookmark.
{
"type": "object",
"title": "Place Addresses — Hide add button",
"description": "Demonstrates config.hideAddButton = true on tsm-place-addresses-bookmark.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-place-addresses-bookmark"
},
"config": {
"placeId": "${$context.entity.id}",
"hideAddButton": true
}
}
]
}
Gen hide delete button — gen-hide-delete-button.json
Demonstrates config.hideDeleteButton = true on tsm-place-addresses-bookmark.
{
"type": "object",
"title": "Place Addresses — Hide delete button",
"description": "Demonstrates config.hideDeleteButton = true on tsm-place-addresses-bookmark.",
"properties": {},
"layout": [
{
"type": "layout",
"widget": {
"type": "tsm-place-addresses-bookmark"
},
"config": {
"placeId": "${$context.entity.id}",
"hideDeleteButton": true
}
}
]
}
Place List tsm-place-list-widget
List of places in a tabular view with filtering and detail navigation. It can be limited to the places assigned to an address, for example on the address detail.
Widget Or Layout: unknown
Value:
{
"type": "layout",
"title": "Place List",
"widget": {
"type": "tsm-place-list-widget"
},
"config": {
"pageSize": 10
}
}
Inputs
Address
Key: addressId
Name: Address
Description: Address whose places are listed. On the address detail use the address of the detail context (${$context.entity.id}). An empty value lists all places.
Default: null
Title
Key: title
Name: Title
Description: Title of the list shown in the table header.
Default: null
Page Size
Key: pageSize
Name: Page Size
Description: Number of rows displayed on one page.
Table Height
Key: scrollHeight
Name: Table Height
Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.
If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.
In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.
The height can be specified in these units: px, em, rem, vh.
Sample: 500px
Table Data View Mode
Key: dataViewMode
Name: Table Data View Mode
Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.
Additional Context Data
Key: externalData
Name: Additional Context Data
Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.
Listing Type
Key: listingType
Name: Listing Type
Description: Specifies which listing type is used for display.
Listing Profile
Key: profileId
Name: Listing Profile
Description: Specifies the listing profile, which defines columns, order, and other display settings.
Listing Profile Category
Key: profileCategory
Name: Listing Profile Category
Description: Name of the category from which profiles can be selected.
Output Context Key
Key: outputContextKey
Name: Output Context Key
Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).
Expose selected entities (selectedEntities)
Key: exposeSelectedEntities
Name: Expose selected entities (selectedEntities)
Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.
Hide Export Button
Key: showExport
Name: Hide Export Button
Description: Hides the export button.
Hide Filter
Key: showFilters
Name: Hide Filter
Description: Hides the listing filters.
Hide Refresh Button
Key: showRefresh
Name: Hide Refresh Button
Description: Hides the refresh button.
Hide Paginator
Key: showPaginator
Name: Hide Paginator
Description: Hides the listing pagination.
Hide Columns Manager
Key: showManagerColumns
Name: Hide Columns Manager
Description: Hides the columns manager.
Hide Profiles
Key: showProfiles
Name: Hide Profiles
Description: Hides the listing profiles.
Hide Sort Manager
Key: showManagerSort
Name: Hide Sort Manager
Description: Hides the sort manager.
Hide Color Manager
Key: showManagerColor
Name: Hide Color Manager
Description: Hides the color manager.
Hide Listing Config
Key: showListingConfig
Name: Hide Listing Config
Description: Hides the listing configuration.
Hide Data View Mode
Key: hiddenDataViewMode
Name: Hide Data View Mode
Description: Hides the option to switch between table and kanban view.
Hide Button Section
Key: hideButtonGroup
Name: Hide Button Section
Description: Hides the button section.
Mobile: tap selects the record
Key: mobileClickSelection
Name: Mobile: tap selects the record
Description: On mobile, tapping a card selects the record instead of opening its detail. Has no effect on desktop.
Disable Sticky Header
Key: scrollable
Name: Disable Sticky Header
Description: Disables the fixed table header while scrolling.
TQL WHERE Extension
Key: extendTqlWhere
Name: TQL WHERE Extension
Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.
TQL Sorting
Key: externalTqlSort
Name: TQL Sorting
Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Sorting for Nested Tables
Key: externalTqlSortForNested
Name: TQL Sorting for Nested Tables
Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.
TQL Query Params
Key: tqlQueryParams
Name: TQL Query Params
Description: Adds query parameters to the TQL request.
Filters
Key: filters
Name: Filters
Description: Allows defining filters for the data displayed in the list.
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-place-list-widget/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Places on address — 01-places-on-address.json
tsm-place-list-widget on the address detail: the list shows only the places linked to the address opened on the detail, because addressId is bound to the address of the detail context. Without addressId the same widget lists all places.
{
"type": "object",
"title": "Place List — places of the address",
"description": "tsm-place-list-widget on the address detail: the list shows only the places linked to the address opened on the detail, because addressId is bound to the address of the detail context. Without addressId the same widget lists all places.",
"properties": {},
"layout": [
{
"type": "layout",
"title": "Místa na adrese",
"widget": {
"type": "tsm-place-list-widget"
},
"config": {
"addressId": "${$context.entity.id}",
"pageSize": 10
}
}
]
}
Address Select tsm-address-lov
Selection of an address from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select an address",
"widget": {
"type": "tsm-address-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["formattedAddress","key"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-address-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "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",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-address-lov.
{
"type": "object",
"title": "Address Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-address-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Address Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "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",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "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",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Address Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Address Type Select tsm-address-lov-lov
Selection of an address types from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select an address type",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-address-lov-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Address Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-address-lov-lov.
{
"type": "object",
"title": "Address Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-address-lov-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Address Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Address Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Address Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Address Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-address-type-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Area Select tsm-area-lov
Selection of areas from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select Area",
"widget": {
"type": "tsm-area-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Area Type
Key: areaType
Name: Area Type
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-area-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Area Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-area-lov.
{
"type": "object",
"title": "Area Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-area-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Area Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Area Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Area Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Area Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-area-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
City Select tsm-city-lov
Selection of a city from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a city",
"widget": {
"type": "tsm-city-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Country
Key: countryId
Name: Country
Default: null
Region
Key: regionId
Name: Region
Default: null
District
Key: districtId
Name: District
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-city-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "City Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-city-lov.
{
"type": "object",
"title": "City Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-city-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "City Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "City Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "City Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "City Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-city-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Country Select tsm-country-lov
Selection of a country from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a country",
"widget": {
"type": "tsm-country-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-country-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Country Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-country-lov.
{
"type": "object",
"title": "Country Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-country-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Country Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Country Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Country Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Country Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-country-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
District Select tsm-district-lov
Selection of a district from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a district",
"widget": {
"type": "tsm-district-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Country
Key: countryId
Name: Country
Default: null
Region
Key: regionId
Name: Region
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-district-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "District Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-district-lov.
{
"type": "object",
"title": "District Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-district-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "District Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "District Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "District Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "District Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-district-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Part of City Select tsm-part-of-city-lov
Selection of the part of a city from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select the part of a city",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Country
Key: countryId
Name: Country
Default: null
Region
Key: regionId
Name: Region
Default: null
District
Key: districtId
Name: District
Default: null
City
Key: cityId
Name: City
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-part-of-city-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Part of City Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-part-of-city-lov.
{
"type": "object",
"title": "Part of City Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-part-of-city-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Part of City Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Part of City Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Part of City Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Part of City Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-part-of-city-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Place Address Type Select tsm-place-address-type-lov
Selection of a place address type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a place address type",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-place-address-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Place Address Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-place-address-type-lov.
{
"type": "object",
"title": "Place Address Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-place-address-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Place Address Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Place Address Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Place Address Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Place Address Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-address-type-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Place Select tsm-place-lov
Selection of a place from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a place",
"widget": {
"type": "tsm-place-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-place-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Place Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-place-lov.
{
"type": "object",
"title": "Place Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-place-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Place Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Place Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Place Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Place Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Place Status Select tsm-place-status-lov
Selection of a place status from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a place status",
"widget": {
"type": "tsm-place-status-lov"
},
"config": {}
}
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-place-status-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen filterable — gen-filterable.json
Demonstrates config.filterable = false on tsm-place-status-lov.
{
"type": "object",
"title": "Place Status Select — Filterable",
"description": "Demonstrates config.filterable = false on tsm-place-status-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-status-lov"
},
"config": {
"filterable": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Place Type Select tsm-place-type-lov
Selection of a place type from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a place type",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-place-type-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Place Type Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-place-type-lov.
{
"type": "object",
"title": "Place Type Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-place-type-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Place Type Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Place Type Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Place Type Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Place Type Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-place-type-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Post Office Select tsm-post-office-lov
Selection of a post office from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a post office",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
City
Key: cityId
Name: City
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name","code"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-post-office-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Post Office Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-post-office-lov.
{
"type": "object",
"title": "Post Office Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-post-office-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Post Office Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Post Office Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Post Office Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Post Office Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-post-office-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Region Layer Select tsm-region-layer-lov
Selection of a region layer from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Select a Region Layer",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Filters
Key: defaultFilters
Name: Filters
Default: null
Keyboard on mobile
Key: keyboardOnMobile
Name: Keyboard on mobile
Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
Default: true
Show clear
Key: showClear
Name: Show clear
Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
Default: false
Show none text
Key: showNoneText
Name: Show none text
Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
Default: true
Select first value
Key: selectFirstValue
Name: Select first value
Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
Default: false
Selection using a listing (one or more values)
Key: multiselect
Name: Selection using a listing (one or more values)
Default: false
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "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-region-layer-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Region Layer 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": "object",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-region-layer-lov.
{
"type": "object",
"title": "Region Layer Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-region-layer-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Region Layer 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": "object",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Region Layer 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": "object",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Region Layer 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": "object",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Region Layer Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "object",
"widget": {
"type": "tsm-region-layer-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Region Select tsm-region-lov
Selection of regions from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "object",
"title": "Select Region",
"widget": {
"type": "tsm-region-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Country
Key: countryId
Name: Country
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Street Select tsm-street-lov
Selection of a street from a dropdown list.
Widget Or Layout: unknown
Value:
{
"type": "string",
"title": "Select a street",
"widget": {
"type": "tsm-street-lov"
},
"config": {}
}
Inputs
Default value
Key: default
Name: Default value
Default: ""
Country
Key: countryId
Name: Country
Default: null
Region
Key: regionId
Name: Region
Default: null
District
Key: districtId
Name: District
Default: null
City
Key: cityId
Name: City
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
Selection mode
Key: selectionMode
Name: Selection mode
Default: "multiple"
Multiple value storage mode
Key: returnType
Name: Multiple value storage mode
Default: "string"
Tree display
Key: treeMode
Name: Tree display
Description: Enable tree display of items. Items must have a field referencing the parent record ID.
Default: false
Parent reference field
Key: treeParentField
Name: Parent reference field
Description: Name of the field on each record that contains the parent record ID (e.g. parentId).
Default: null
Value
Key: selectProperty
Name: Value
Default: "id"
Display
Key: displayField
Name: Display
Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]
Default: ["name"]
Examples
Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-street-lov/.
Each is a complete validated FluentSchema — copy & adapt for your form.
Gen keyboard on mobile — gen-keyboard-on-mobile.json
Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.
{
"type": "object",
"title": "Street Select — Keyboard on mobile",
"description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"keyboardOnMobile": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen multiselect — gen-multiselect.json
Demonstrates config.multiselect = true on tsm-street-lov.
{
"type": "object",
"title": "Street Select — Selection using a listing (one or more values)",
"description": "Demonstrates config.multiselect = true on tsm-street-lov.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"multiselect": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen select first value — gen-select-first-value.json
Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.
{
"type": "object",
"title": "Street Select — Select first value",
"description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"selectFirstValue": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show clear — gen-show-clear.json
Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.
{
"type": "object",
"title": "Street Select — Show clear",
"description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"showClear": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen show none text — gen-show-none-text.json
Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.
{
"type": "object",
"title": "Street Select — Show none text",
"description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"showNoneText": false
},
"title": "Field"
}
},
"layout": [
"field"
]
}
Gen tree mode — gen-tree-mode.json
Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.
{
"type": "object",
"title": "Street Select — Tree display",
"description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
"properties": {
"field": {
"type": "string",
"widget": {
"type": "tsm-street-lov"
},
"config": {
"treeMode": true
},
"title": "Field"
}
},
"layout": [
"field"
]
}