Version: 2.4

CRM Widgets

Campaign Select `tsm-campaign-lov`

Selection of a campaign from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-campaign-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": "Campaign Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-campaign-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Campaign Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Campaign Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "Campaign Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Campaign 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-campaign-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Campaign Type Select `tsm-campaign-type-lov`

Selection of a campaign type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: false

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "code"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen 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": "Campaign Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-type-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Campaign Type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-type-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Campaign Type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-type-lov"
      },
      "title": "Field",
      "config": {
        "showClear": true
      }
    }
  },
  "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": "Campaign Type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-type-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Campaign 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-campaign-type-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Customer List `tsm-customer-list-widget`

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

Widget Or Layout: unknown

Value:

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

Inputs

newRecordConfig

Key: newRecordConfig

Name: newRecordConfig

Default: null

title

Key: title

Name: title

Default: null

exportPriv

Key: exportPriv

Name: exportPriv

Default: null

chars

Key: chars

Name: chars

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.

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

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

Widget Or Layout: unknown

Value:

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

Inputs

Export Privilege

Key: exportPriv

Name: Export Privilege

Description: Defines export permissions for the user.

Default: null

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

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

Expose selected entities (selectedEntities)

Key: exposeSelectedEntities

Name: Expose selected entities (selectedEntities)

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.

Customer Select `tsm-customer-lov`

Selection of a customer from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Show address

Key: addressLocation

Name: Show address

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

Default: false

Show email

Key: emailDefault

Name: Show email

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

Default: false

Show mobile number

Key: phoneDefault

Name: Show mobile number

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

Default: false

Segment

Key: segmentDefault

Name: Segment

Description: Segment

Default: false

Add customer button

Key: addCustomerButton

Name: Add customer button

Description: Add customer button

Default: false

External data

Key: externalData

Name: External data

Default: null

Customer type codes

Key: customerTypeCodes

Name: Customer type codes

Description: Example for one: "kód1"
Example for more: ["code1", "code2"]

Default: []

Customer type ids

Key: customerTypeIds

Name: Customer type ids

Description: Example for one: "id1"
Example for more: ["id1", "id2"]

Default: []

Title to display

Key: newRecordConfig

Name: Title to display

Default: null

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen add customer button — gen-add-customer-button.json

Add customer button: Add customer button

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

Gen address location — gen-address-location.json

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

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

Gen email default — gen-email-default.json

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

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

Gen keyboard on mobile — gen-keyboard-on-mobile.json

Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

{
  "type": "object",
  "title": "Customer 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-customer-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen phone default — gen-phone-default.json

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

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

Gen segment default — gen-segment-default.json

Segment: Segment

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

Account Select `tsm-account-lov`

Selection of an account from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Description: Customer

Default: null

Status

Key: status

Name: Status

Default: null

Add account button

Key: addAccountButton

Name: Add account button

Description: Add account button

Default: false

External data

Key: externalData

Name: External data

Default: null

Title to display

Key: newRecordConfig

Name: Title to display

Default: null

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Basic — 01-basic.json

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

Readonly — 02-readonly.json

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

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

Required — 03-required.json

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

With add button — 04-with-add-button.json

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

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

Multiselect — 05-multiselect.json

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

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

Gen add account button — gen-add-account-button.json

Add account button: Add account button

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

Gen keyboard on mobile — gen-keyboard-on-mobile.json

Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

{
  "type": "object",
  "title": "Account 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-account-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-account-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Account 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-account-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Account 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-account-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "Account 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-account-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Notes

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

Complexity: intermediate

Tags: crm, customer, lov, search

Authoring tips:

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

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

Button to create a customer from the ares register.

Widget Or Layout: unknown

Value:

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

Inputs

Redirect to detail

Key: redirectToDetail

Name: Redirect to detail

Default: true

Examples

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

Gen redirect to detail — gen-redirect-to-detail.json

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

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

Lead List `tsm-lead-list-widget`

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

Widget Or Layout: unknown

Value:

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

Inputs

Export Privilege

Key: exportPriv

Name: Export Privilege

Description: Defines export permissions for the user.

Default: null

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

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

Expose selected entities (selectedEntities)

Key: exposeSelectedEntities

Name: Expose selected entities (selectedEntities)

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.

Accounts Bookmark `tsm-accounts-bookmark`

Simple list of accounts in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Account type

Key: accountTypeId

Name: Account type

Description: Account type

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: null

Table view

Key: tableView

Name: Table view

Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Zobrazit tlačítko vytvořit

Key: showNewAccount

Name: Zobrazit tlačítko vytvořit

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

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

Default: true

Other columns

Key: otherColumns

Name: Other columns

Description: Definition of additional columns to display values. Enter an array of objects with "field" (path to the value on the account, nesting supported) and "header" (column header or translation key) properties. Example: [{"field": "externalId", "header": "External ID"}, {"field": "customer.name", "header": "Customer"}]

Default: null

New Form Settings

Key: newRecordConfig

Name: New Form Settings

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: []

Examples

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

Gen show new account — gen-show-new-account.json

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

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

Gen show row menu — gen-show-row-menu.json

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

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

Gen table view — gen-table-view.json

Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

{
  "type": "object",
  "title": "Accounts Bookmark — Table view",
  "description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-accounts-bookmark"
      },
      "config": {
        "tableView": true
      }
    }
  ]
}

Lead Select `tsm-lead-lov`

Selection of a lead from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["partyName"]

Examples

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

Gen 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": "Lead Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-lead-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-lead-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Lead Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-lead-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Lead Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-lead-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "Lead Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-lead-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Lead 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-lead-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Account List `tsm-account-list-widget`

Account list in a tabular view with filtering and the option to create a new account.

Widget Or Layout: unknown

Value:

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

Inputs

newRecordConfig

Key: newRecordConfig

Name: newRecordConfig

Default: null

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.

Default: null

hideCreateButton

Key: hideCreateButton

Name: hideCreateButton

Default: false

redirectToDetail

Key: redirectToDetail

Name: redirectToDetail

Default: false

title

Key: title

Name: title

Default: null

exportPriv

Key: exportPriv

Name: exportPriv

Default: null

Selection mode

Key: selectionMode

Name: Selection mode

Default: "single"

ID item field

Key: rowIdField

Name: ID item field

Default: ""

Detail url

Key: detailUrl

Name: Detail url

Default: "/crm/account"

Key: id

Name: id

Default: null

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

Table Data View Mode

Key: dataViewMode

Name: Table Data View Mode

Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.

Listing Type

Key: listingType

Name: Listing Type

Description: Specifies which listing type is used for display.

Listing Profile

Key: profileId

Name: Listing Profile

Description: Specifies the listing profile, which defines columns, order, and other display settings.

Listing Profile Category

Key: profileCategory

Name: Listing Profile Category

Description: Name of the category from which profiles can be selected.

Output Context Key

Key: outputContextKey

Name: Output Context Key

Expose selected entities (selectedEntities)

Key: exposeSelectedEntities

Name: Expose selected entities (selectedEntities)

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

Gen hide create button — gen-hide-create-button.json

Demonstrates config.hideCreateButton = true on tsm-account-list-widget.

{
  "type": "object",
  "title": "Account List — hideCreateButton",
  "description": "Demonstrates config.hideCreateButton = true on tsm-account-list-widget.",
  "properties": {},
  "layout": [
    {
      "widget": {
        "type": "tsm-account-list-widget"
      },
      "type": "layout",
      "config": {
        "pageSize": 10,
        "hideCreateButton": true
      }
    }
  ]
}

Gen redirect to detail — gen-redirect-to-detail.json

Demonstrates config.redirectToDetail = true on tsm-account-list-widget.

{
  "type": "object",
  "title": "Account List — redirectToDetail",
  "description": "Demonstrates config.redirectToDetail = true on tsm-account-list-widget.",
  "properties": {},
  "layout": [
    {
      "widget": {
        "type": "tsm-account-list-widget"
      },
      "type": "layout",
      "config": {
        "pageSize": 10,
        "redirectToDetail": true
      }
    }
  ]
}

Gen row id field — gen-row-id-field.json

Demonstrates config.rowIdField = "name" on tsm-account-list-widget.

{
  "type": "object",
  "title": "Account List — ID item field",
  "description": "Demonstrates config.rowIdField = \"name\" on tsm-account-list-widget.",
  "properties": {},
  "layout": [
    {
      "widget": {
        "type": "tsm-account-list-widget"
      },
      "type": "layout",
      "config": {
        "pageSize": 10,
        "rowIdField": "name"
      }
    }
  ]
}

Person Select `tsm-person-lov`

Selection of a person from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Description: Customer

Default: null

Show key

Key: keyDefault

Name: Show key

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

Default: true

Show email

Key: emailDefault

Name: Show email

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

Default: false

Show mobile number

Key: phoneDefault

Name: Show mobile number

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

Default: false

Add customer button

Key: addPersonButton

Name: Add customer button

Description: Add customer button

Default: false

Allowed person role type codes

Key: personRoleTypeCodes

Name: Allowed person role type codes

Description: Allowed person role type codes

Default: ""

The role in creating the person will be mandatory

Key: personRoleObligation

Name: The role in creating the person will be mandatory

Description: The role in creating the person will be mandatory

Default: false

Hide person button for disabled

Key: hidePersonButtonForDisabled

Name: Hide person button for disabled

Description: Hide person button for disabled

Default: false

Filtered person role type codes

Key: filteredPersonRoleTypeCodes

Name: Filtered person role type codes

Description: Filtered person role type codes

Default: null

Listing

Key: listingTypeCode

Name: Listing

Default: null

A profile that defines the display of columns

Key: profileId

Name: A profile that defines the display of columns

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: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen add person button — gen-add-person-button.json

Add customer button: Add customer button

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

Gen email default — gen-email-default.json

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

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

Gen hide person button for disabled — gen-hide-person-button-for-disabled.json

Hide person button for disabled: Hide person button for disabled

{
  "type": "object",
  "title": "Person Select — Hide person button for disabled",
  "description": "Hide person button for disabled: Hide person button for disabled",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-person-lov"
      },
      "title": "Field",
      "config": {
        "hidePersonButtonForDisabled": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen key default — gen-key-default.json

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

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

Gen person role obligation — gen-person-role-obligation.json

The role in creating the person will be mandatory: The role in creating the person will be mandatory

{
  "type": "object",
  "title": "Person Select — The role in creating the person will be mandatory",
  "description": "The role in creating the person will be mandatory: The role in creating the person will be mandatory",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-person-lov"
      },
      "title": "Field",
      "config": {
        "personRoleObligation": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen phone default — gen-phone-default.json

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

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

Persons Bookmark `tsm-persons-bookmark`

Simple list of persons in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: null

Table view

Key: tableView

Name: Table view

Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Show usage column

Key: showUsage

Name: Show usage column

Description: Show usage column

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

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

Default: true

Other columns

Key: otherColumns

Name: Other columns

Description: Definition of additional columns to display values. Enter an array of objects with "field" (path to the value on the person, nesting supported) and "header" (column header or translation key) properties. Example: [{"field": "status", "header": "Status"}, {"field": "contact.emails.0.address", "header": "E-mail"}]

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: []

Examples

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

Default filters — 01-default-filters.json

{
  "type": "object",
  "title": "Persons Bookmark — active persons",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-persons-bookmark"
      },
      "config": {
        "defaultFilters": [
          {
            "field": "status",
            "operator": "eq",
            "value": "ACTIVE"
          }
        ]
      }
    }
  ]
}

Gen show row menu — gen-show-row-menu.json

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

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

Gen show usage — gen-show-usage.json

Show usage column: Show usage column

{
  "type": "object",
  "title": "Persons Bookmark — Show usage column",
  "description": "Show usage column: Show usage column",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-persons-bookmark"
      },
      "config": {
        "showUsage": false
      }
    }
  ]
}

Gen table view — gen-table-view.json

Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

{
  "type": "object",
  "title": "Persons Bookmark — Table view",
  "description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-persons-bookmark"
      },
      "config": {
        "tableView": true
      }
    }
  ]
}

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

Selection of an address role type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: false

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-crm-address-role-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": "Address Role Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-role-type-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-crm-address-role-type-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Address Role Type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-role-type-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Address Role Type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-role-type-lov"
      },
      "title": "Field",
      "config": {
        "showClear": true
      }
    }
  },
  "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 Role Type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-role-type-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Address Role 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-crm-address-role-type-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Address Select `tsm-crm-address-lov`

Selection of an address from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Customer

Key: customerId

Name: Customer

Description: Customer

Default: null

Readonly role type

Key: readonlyRoleType

Name: Readonly role type

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

Default: true

Role

Key: crmAddressRoleTypeCodes

Name: Role

Description: Roles for filtering

Default: null

Default role types

Key: defaultCrmAddressRoleTypes

Name: Default role types

Description: Role types prefilled when creating a new address

Default: null

Readonly role types

Key: readonlyCrmAddressRoleTypes

Name: Readonly role types

Description: When enabled, role types field in the new address detail cannot be edited

Default: false

Role

Key: crmAddressRoleTypeCodeFilters

Name: Role

Description: Role restrictions for creating a new address

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: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["formattedAddress"]

Examples

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

Gen 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-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen readonly crm address role types — gen-readonly-crm-address-role-types.json

Readonly role types: When enabled, role types field in the new address detail cannot be edited

{
  "type": "object",
  "title": "Address Select — Readonly role types",
  "description": "Readonly role types: When enabled, role types field in the new address detail cannot be edited",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "readonlyCrmAddressRoleTypes": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen readonly role type — gen-readonly-role-type.json

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

{
  "type": "object",
  "title": "Address Select — Readonly role type",
  "description": "Readonly role type: When enabled, role type field is readonly in address detail",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "readonlyRoleType": false
      }
    }
  },
  "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-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "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-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "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-crm-address-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Addresses Bookmark `tsm-crm-addresses-bookmark`

Simple list of addresses in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: null

Table view

Key: tableView

Name: Table view

Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Show usage column

Key: showUsage

Name: Show usage column

Description: Show usage column

Default: true

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

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

Default: true

Script

Key: scriptCode

Name: Script

Description: If you want to save using spel script, specify the script code.

Default: null

Script data

Key: scriptData

Name: Script data

Default: {}

Filters

Key: defaultFilters

Name: Filters

Default: []

crmAddressRoleTypesFilters

Key: crmAddressRoleTypesFilters

Name: crmAddressRoleTypesFilters

Default: []

Required role

Key: requiredRole

Name: Required role

Description: Required role

Default: true

successActions

Key: successActions

Name: successActions

Default: []

errorActions

Key: errorActions

Name: errorActions

Default: []

Examples

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

Gen required role — gen-required-role.json

Required role: Required role

{
  "type": "object",
  "title": "Addresses Bookmark — Required role",
  "description": "Required role: Required role",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-addresses-bookmark"
      },
      "config": {
        "requiredRole": false
      }
    }
  ]
}

Gen show row menu — gen-show-row-menu.json

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

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

Gen show usage — gen-show-usage.json

Show usage column: Show usage column

{
  "type": "object",
  "title": "Addresses Bookmark — Show usage column",
  "description": "Show usage column: Show usage column",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-addresses-bookmark"
      },
      "config": {
        "showUsage": false
      }
    }
  ]
}

Gen table view — gen-table-view.json

Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

{
  "type": "object",
  "title": "Addresses Bookmark — Table view",
  "description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-addresses-bookmark"
      },
      "config": {
        "tableView": true
      }
    }
  ]
}

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

Simple list of address roles in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Type

Key: type

Name: Type

Default: "order"

Customer

Key: customer

Name: Customer

Description: Customer

Default: null

Lead

Key: lead

Name: Lead

Description: Lead

Default: null

Account

Key: account

Name: Account

Description: Account

Default: null

Person

Key: person

Name: Person

Description: Person

Default: null

Order

Key: order

Name: Order

Description: Order

Default: null

Parent privilege

Key: parentPriv

Name: Parent privilege

Description: Parent privilege

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: false

Table view

Key: tableView

Name: Table view

Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Hide button Add

Key: hideAddButton

Name: Hide button Add

Default: false

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

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

Default: true

crmAddressRoleTypesFilters

Key: crmAddressRoleTypesFilters

Name: crmAddressRoleTypesFilters

Default: []

Examples

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

Gen hide add button — gen-hide-add-button.json

Demonstrates config.hideAddButton = true on tsm-crm-address-roles-bookmark.

{
  "type": "object",
  "title": "Address Roles Bookmark — Hide button Add",
  "description": "Demonstrates config.hideAddButton = true on tsm-crm-address-roles-bookmark.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-address-roles-bookmark"
      },
      "config": {
        "hideAddButton": true
      }
    }
  ]
}

Gen preview mode — gen-preview-mode.json

Preview mode: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

{
  "type": "object",
  "title": "Address Roles Bookmark — Preview mode",
  "description": "Preview mode: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-address-roles-bookmark"
      },
      "config": {
        "previewMode": true
      }
    }
  ]
}

Gen show row menu — gen-show-row-menu.json

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

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

Gen table view — gen-table-view.json

Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

{
  "type": "object",
  "title": "Address Roles Bookmark — Table view",
  "description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-crm-address-roles-bookmark"
      },
      "config": {
        "tableView": true
      }
    }
  ]
}

Legal Form Select `tsm-customer-legal-form-lov`

Selection of a legal form from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

defaultFilters

Key: defaultFilters

Name: defaultFilters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "all"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen keyboard on 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": "Legal Form Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-legal-form-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Legal Form Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-legal-form-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Legal Form Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-legal-form-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "Legal Form Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-legal-form-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Legal Form 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-customer-legal-form-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Customer Segment Select `tsm-customer-segment-lov`

Selection of a customer segment from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Show care level

Key: showCareLevel

Name: Show care level

Description: Show care level

Default: true

Legal form code

Key: legalFormCode

Name: Legal form code

Description: Legal form code

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: false

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "all"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen 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": "Customer Segment Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-customer-segment-lov"
      },
      "config": {
        "selectProperty": "id",
        "keyboardOnMobile": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-customer-segment-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Customer Segment 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-customer-segment-lov"
      },
      "config": {
        "selectProperty": "id",
        "selectFirstValue": true
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen show care level — gen-show-care-level.json

Show care level: Show care level

{
  "type": "object",
  "title": "Customer Segment Select — Show care level",
  "description": "Show care level: Show care level",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-customer-segment-lov"
      },
      "config": {
        "selectProperty": "id",
        "showCareLevel": false
      },
      "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": "Customer Segment Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-customer-segment-lov"
      },
      "config": {
        "selectProperty": "id",
        "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": "Customer Segment Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-customer-segment-lov"
      },
      "config": {
        "selectProperty": "id",
        "showNoneText": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Responsible Persons Bookmark `tsm-responsible-persons-bookmark`

Simple list of responsible persons in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Customer

Key: customerId

Name: Customer

Description: Customer

Default: null

Type

Key: type

Name: Type

Default: "order"

Order

Key: order

Name: Order

Default: null

Account

Key: account

Name: Account

Default: null

Parent privilege

Key: parentPriv

Name: Parent privilege

Description: Parent privilege

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: null

Table view

Key: tableView

Name: Table view

Description: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

Default: false

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Show row actions menu

Key: showRowMenu

Name: Show row actions menu

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

Default: true

Examples

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

Gen show row menu — gen-show-row-menu.json

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

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

Gen table view — gen-table-view.json

Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.

{
  "type": "object",
  "title": "Responsible Persons Bookmark — Table view",
  "description": "Table view: Displays bookmark items in a table. If preview mode is also enabled, preview mode takes precedence.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-responsible-persons-bookmark"
      },
      "config": {
        "tableView": true
      }
    }
  ]
}

Contacts Bookmark `tsm-contacts-manager`

Simple list of contacts in a tabular view.

Widget Or Layout: unknown

Value:

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

Inputs

Parent privilege

Key: privRoot

Name: Parent privilege

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Customer

Key: entity

Name: Customer

Description: Customer

Default: null

Preview mode

Key: previewMode

Name: Preview mode

Description: Tick the preview mode if you wish the component to display only the count of records with their names.Place a heading infront of it according to the data displayed by the component.

Default: null

Preview mode - display only count.

Key: displayOnlyPreviewModeCount

Name: Preview mode - display only count.

Description: If you are using preview mode, then tick the checkbox if you wish to display only the count of records without their names.

Default: null

Customer Type Select `tsm-customer-type-lov`

Selection of a customer type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: false

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "all"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen 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": "Customer Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-type-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Customer Type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-type-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Customer Type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-type-lov"
      },
      "title": "Field",
      "config": {
        "showClear": true
      }
    }
  },
  "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": "Customer Type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-customer-type-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Customer 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": "object",
      "widget": {
        "type": "tsm-customer-type-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Account Status Select `tsm-account-status-lov`

Selection of an account status from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Multiselect

Key: multiselect

Name: Multiselect

Default: false

Examples

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

Gen filterable — gen-filterable.json

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

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

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-account-status-lov.

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

Account type select `tsm-account-type-lov`

Selection of an account type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: false

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "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-account-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": "Account type select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "config": {
        "keyboardOnMobile": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-account-type-lov.

{
  "type": "object",
  "title": "Account type select — Selection using a listing (one or more values)",
  "description": "Demonstrates config.multiselect = true on tsm-account-type-lov.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "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": "Account type select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "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": "Account type select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "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": "Account type select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "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": "Account type select — Tree display",
  "description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-account-type-lov"
      },
      "type": "object",
      "config": {
        "treeMode": true
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

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

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

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Description: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.

Default: true

Show clear

Key: showClear

Name: Show clear

Description: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

Default: true

Show none text

Key: showNoneText

Name: Show none text

Description: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

Description: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

Default: false

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Default: false

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-campaign-wave-definition-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": "Caimpaign Wave Definition — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-wave-definition-lov"
      },
      "title": "Field",
      "config": {
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = true on tsm-campaign-wave-definition-lov.

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

Gen select first value — gen-select-first-value.json

Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.

{
  "type": "object",
  "title": "Caimpaign Wave Definition — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-wave-definition-lov"
      },
      "title": "Field",
      "config": {
        "selectFirstValue": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.

{
  "type": "object",
  "title": "Caimpaign Wave Definition — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-wave-definition-lov"
      },
      "title": "Field",
      "config": {
        "showClear": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show none text — gen-show-none-text.json

Show none text: When enabled, a "No value" item appears in the dropdown and can be selected to clear the field.

{
  "type": "object",
  "title": "Caimpaign Wave Definition — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "widget": {
        "type": "tsm-campaign-wave-definition-lov"
      },
      "title": "Field",
      "config": {
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen tree mode — gen-tree-mode.json

Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.

{
  "type": "object",
  "title": "Caimpaign Wave Definition — 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-campaign-wave-definition-lov"
      },
      "title": "Field",
      "config": {
        "treeMode": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Campaign Status Bar `tsm-campaign-status-steps`

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

Widget Or Layout: unknown

Value:

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

Inputs

Campaign

Key: campaign

Name: Campaign

Description: Campaign

Default: null

Customer History `tsm-customer-history`

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

Widget Or Layout: unknown

Value:

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

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Customer Status Select `tsm-customer-status-lov`

Selection of a customer status from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Examples

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

Gen filterable — gen-filterable.json

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

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

Lead Priority Select `tsm-lead-priority-lov`

Selection of a lead priority from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Lead Rating Select `tsm-lead-rating-lov`

Selection of a lead rating from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Lead Source Select `tsm-lead-source-lov`

Selection of a lead source from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Lead Status Select `tsm-lead-status-lov`

Selection of a lead status from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Lead type Select `tsm-lead-type-lov`

Selection of a lead type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "all"

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

Default: ["name"]

Examples

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

Gen 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": "Lead type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "config": {
        "keyboardOnMobile": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

{
  "type": "object",
  "title": "Lead type Select — Selection using a listing (one or more values)",
  "description": "Demonstrates config.multiselect = true on tsm-lead-type-lov.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "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": "Lead type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "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": "Lead type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "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": "Lead type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "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": "Lead type Select — Tree display",
  "description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-lead-type-lov"
      },
      "type": "object",
      "config": {
        "treeMode": true
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

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

Selection of a person role type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Selection mode

Key: selectionMode

Name: Selection mode

Default: "multiple"

Multiple value storage mode

Key: returnType

Name: Multiple value storage mode

Default: "array"

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "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-person-role-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": "Person Role Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "config": {
        "keyboardOnMobile": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates config.multiselect = false on tsm-person-role-type-lov.

{
  "type": "object",
  "title": "Person Role Type Select — Selection using a listing (one or more values)",
  "description": "Demonstrates config.multiselect = false on tsm-person-role-type-lov.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "config": {
        "multiselect": false
      },
      "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": "Person Role Type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "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": "Person Role Type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "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": "Person Role Type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "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": "Person Role Type Select — Tree display",
  "description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-role-type-lov"
      },
      "type": "array",
      "config": {
        "treeMode": true
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Person Status Select `tsm-person-status-lov`

Selection of a person status from a dropdown list.

Widget Or Layout: unknown

Value:

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

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filterable

Key: filterable

Name: Filterable

Default: true

Examples

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

Gen filterable — gen-filterable.json

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

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

Person Type Select `tsm-person-type-lov`

Selection of a person type from a dropdown list.

Widget Or Layout: unknown

Value:

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

Tree display

Key: treeMode

Name: Tree display

Description: Enable tree display of items. Items must have a field referencing the parent record ID.

Default: false

Parent reference field

Key: treeParentField

Name: Parent reference field

Description: Name of the field on each record that contains the parent record ID (e.g. parentId).

Default: null

Value

Key: selectProperty

Name: Value

Default: "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-person-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": "Person Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "config": {
        "keyboardOnMobile": false
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

{
  "type": "object",
  "title": "Person Type Select — Selection using a listing (one or more values)",
  "description": "Demonstrates config.multiselect = true on tsm-person-type-lov.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "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": "Person Type Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "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": "Person Type Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "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": "Person Type Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "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": "Person Type Select — Tree display",
  "description": "Tree display: Enable tree display of items. Items must have a field referencing the parent record ID.",
  "properties": {
    "field": {
      "widget": {
        "type": "tsm-person-type-lov"
      },
      "type": "object",
      "config": {
        "treeMode": true
      },
      "title": "Field"
    }
  },
  "layout": [
    "field"
  ]
}

Account History `tsm-account-history`

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

Widget Or Layout: unknown

Value:

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

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Account Status Bar `tsm-account-steps`

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

Widget Or Layout: unknown

Value:

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

Inputs

Account

Key: account

Name: Account

Description: Account

Default: null

Lead History `tsm-lead-history`

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

Widget Or Layout: unknown

Value:

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

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Lead Status Bar `tsm-lead-steps`

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

Widget Or Layout: unknown

Value:

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

Inputs

Lead

Key: lead

Name: Lead

Description: Lead

Default: null

Person History `tsm-person-history`

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

Widget Or Layout: unknown

Value:

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

Inputs

Owner Id

Key: ownerId

Name: Owner Id

Default: null

Owner type

Key: ownerType

Name: Owner type

Default: null

Compact

Key: compact

Name: Compact

Default: null

Person Status Bar `tsm-person-steps`

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

Widget Or Layout: unknown

Value:

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

Inputs

Person

Key: person

Name: Person

Description: Person

Default: null

Customer Status Bar `tsm-customer-steps`

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

Widget Or Layout: unknown

Value:

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

Inputs

Customer

Key: customer

Name: Customer

Description: Customer

Default: null

Person Phones `tsm-person-phones`

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

Widget Or Layout: unknown

Value:

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

Inputs

Show type

Key: showType

Name: Show type

Default: true

Examples

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

Gen show type — gen-show-type.json

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

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

Person Emails `tsm-person-emails`

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

Widget Or Layout: unknown

Value:

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

Inputs

Show type

Key: showType

Name: Show type

Default: true

Examples

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

Gen show type — gen-show-type.json

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

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

Planned task char `demo-planned-task-char`

Planned task char

Widget Or Layout: unknown

Value:

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

Product cards `demo-entity-instance-configuration-widget`

Product cards

Widget Or Layout: unknown

Value:

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

Inputs

Selection

Key: select

Name: Selection

Default: 1

Key: entityInstanceConfigurationIds

Name: ID

Default: null

Customer

Key: customerId

Name: Customer

Description: Customer

Default: null

Account

Key: accountId

Name: Account

Default: null

Ticket

Key: ticketId

Name: Ticket

Default: null

Ref type související entity for ticket

Key: relatedEntityRefType

Name: Ref type související entity for ticket

Default: "EntityInstanceConfiguration"

Characteristics

Key: chars

Name: Characteristics

Default: null

Chars path to ID

Key: charsPath

Name: Chars path to ID

Default: ""

Examples

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

Gen select — gen-select.json

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

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

Campaign Select tsm-campaign-lov
- Inputs
- Examples
Campaign Type Select tsm-campaign-type-lov
- Inputs
- Examples
Customer List tsm-customer-list-widget
- Inputs
Campaign Wave List tsm-campaign-wave-list-widget
- Inputs
Customer Select tsm-customer-lov
- Inputs
- Examples
Account Select tsm-account-lov
- Inputs
- Examples
- Notes
Create from Ares Button tsm-ares-new-customer-container
- Inputs
- Examples
Lead List tsm-lead-list-widget
- Inputs
Accounts Bookmark tsm-accounts-bookmark
- Inputs
- Examples
Lead Select tsm-lead-lov
- Inputs
- Examples
Account List tsm-account-list-widget
- Inputs
- Examples
Person Select tsm-person-lov
- Inputs
- Examples
Persons Bookmark tsm-persons-bookmark
- Inputs
- Examples
Address Role Type Select tsm-crm-address-role-type-lov
- Inputs
- Examples
Address Select tsm-crm-address-lov
- Inputs
- Examples
Addresses Bookmark tsm-crm-addresses-bookmark
- Inputs
- Examples
Address Roles Bookmark tsm-crm-address-roles-bookmark
- Inputs
- Examples
Legal Form Select tsm-customer-legal-form-lov
- Inputs
- Examples
Customer Segment Select tsm-customer-segment-lov
- Inputs
- Examples
Responsible Persons Bookmark tsm-responsible-persons-bookmark
- Inputs
- Examples
Contacts Bookmark tsm-contacts-manager
- Inputs
Customer Type Select tsm-customer-type-lov
- Inputs
- Examples
Account Status Select tsm-account-status-lov
- Inputs
- Examples
Account type select tsm-account-type-lov
- Inputs
- Examples
Caimpaign Wave Definition tsm-campaign-wave-definition-lov
- Inputs
- Examples
Campaign Status Bar tsm-campaign-status-steps
- Inputs
Customer History tsm-customer-history
- Inputs
Customer Status Select tsm-customer-status-lov
- Inputs
- Examples
Lead Priority Select tsm-lead-priority-lov
- Inputs
Lead Rating Select tsm-lead-rating-lov
- Inputs
Lead Source Select tsm-lead-source-lov
- Inputs
Lead Status Select tsm-lead-status-lov
- Inputs
Lead type Select tsm-lead-type-lov
- Inputs
- Examples
Person Role Type Select tsm-person-role-type-lov
- Inputs
- Examples
Person Status Select tsm-person-status-lov
- Inputs
- Examples
Person Type Select tsm-person-type-lov
- Inputs
- Examples
Account History tsm-account-history
- Inputs
Account Status Bar tsm-account-steps
- Inputs
Lead History tsm-lead-history
- Inputs
Lead Status Bar tsm-lead-steps
- Inputs
Person History tsm-person-history
- Inputs
Person Status Bar tsm-person-steps
- Inputs
Customer Status Bar tsm-customer-steps
- Inputs
Person Phones tsm-person-phones
- Inputs
- Examples
Person Emails tsm-person-emails
- Inputs
- Examples
Planned task char demo-planned-task-char
Product cards demo-entity-instance-configuration-widget
- Inputs
- Examples

Campaign Select tsm-campaign-lov​

Inputs​

Examples​

Campaign Type Select tsm-campaign-type-lov​

Inputs​

Examples​

Customer List tsm-customer-list-widget​

Inputs​

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

Inputs​

Customer Select tsm-customer-lov​

Inputs​

Examples​

Account Select tsm-account-lov​

Inputs​

Examples​

Notes​

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

Inputs​

Examples​

Lead List tsm-lead-list-widget​

Inputs​

Accounts Bookmark tsm-accounts-bookmark​

Inputs​

Examples​

Lead Select tsm-lead-lov​

Inputs​

Examples​

Account List tsm-account-list-widget​

Inputs​

Examples​

Person Select tsm-person-lov​

Inputs​

Examples​

Persons Bookmark tsm-persons-bookmark​

Inputs​

Examples​

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

Inputs​

Examples​

Address Select tsm-crm-address-lov​

Inputs​

Examples​

Addresses Bookmark tsm-crm-addresses-bookmark​

Inputs​

Examples​

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

Inputs​

Examples​

Legal Form Select tsm-customer-legal-form-lov​

Inputs​

Examples​

Customer Segment Select tsm-customer-segment-lov​

Inputs​

Examples​

Responsible Persons Bookmark tsm-responsible-persons-bookmark​

Inputs​

Examples​

Contacts Bookmark tsm-contacts-manager​

Inputs​

Customer Type Select tsm-customer-type-lov​

Inputs​

Examples​

Account Status Select tsm-account-status-lov​

Inputs​

Examples​

Account type select tsm-account-type-lov​

Inputs​

Examples​

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

Inputs​

Examples​

Campaign Status Bar tsm-campaign-status-steps​

Inputs​

Customer History tsm-customer-history​

Inputs​

Customer Status Select tsm-customer-status-lov​

Inputs​

Examples​

Lead Priority Select tsm-lead-priority-lov​

Campaign Select `tsm-campaign-lov`

Inputs

Examples

Campaign Type Select `tsm-campaign-type-lov`

Inputs

Examples

Customer List `tsm-customer-list-widget`

Inputs

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

Inputs

Customer Select `tsm-customer-lov`

Inputs

Examples

Account Select `tsm-account-lov`

Inputs

Examples

Notes

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

Inputs

Examples

Lead List `tsm-lead-list-widget`

Inputs

Accounts Bookmark `tsm-accounts-bookmark`

Inputs

Examples

Lead Select `tsm-lead-lov`

Inputs

Examples

Account List `tsm-account-list-widget`

Inputs

Examples

Person Select `tsm-person-lov`

Inputs

Examples

Persons Bookmark `tsm-persons-bookmark`

Inputs

Examples

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

Inputs

Examples

Address Select `tsm-crm-address-lov`

Inputs

Examples

Addresses Bookmark `tsm-crm-addresses-bookmark`

Inputs

Examples

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

Inputs

Examples

Legal Form Select `tsm-customer-legal-form-lov`

Inputs

Examples

Customer Segment Select `tsm-customer-segment-lov`

Inputs

Examples

Responsible Persons Bookmark `tsm-responsible-persons-bookmark`

Inputs

Examples

Contacts Bookmark `tsm-contacts-manager`

Inputs

Customer Type Select `tsm-customer-type-lov`

Inputs

Examples

Account Status Select `tsm-account-status-lov`

Inputs

Examples

Account type select `tsm-account-type-lov`

Inputs

Examples

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

Inputs

Examples

Campaign Status Bar `tsm-campaign-status-steps`

Inputs

Customer History `tsm-customer-history`

Inputs

Customer Status Select `tsm-customer-status-lov`

Inputs

Examples

Lead Priority Select `tsm-lead-priority-lov`