Listing Widgets

---

Characteristic Select tsm-characteristics-lov

Selection of a characteristic from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "type": "string",
  "title": "Select Characteristic",
  "widget": {
    "type": "tsm-characteristics-lov"
  }
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: true

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

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

Gen default filters — gen-default-filters.json

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

{
  "type": "object",
  "title": "Characteristic Select — Filters",
  "description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-characteristics-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "defaultFilters": "exampleValue"
      }
    }
  },
  "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": "Characteristic Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates widget.multiselect = true on tsm-characteristics-lov.

{
  "type": "object",
  "title": "Characteristic Select — Selection using a listing (one or more values)",
  "description": "Demonstrates widget.multiselect = true on tsm-characteristics-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "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": "Characteristic Select — Select first value",
  "description": "Select first value: When only one record is available, it will be auto-selected. When multiple records exist, nothing happens.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "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": "Characteristic Select — Show clear",
  "description": "Show clear: When enabled, a clear icon is shown next to the selector so the user can clear the selected value.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "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": "Characteristic Select — Show none text",
  "description": "Show none text: When enabled, a \"No value\" item appears in the dropdown and can be selected to clear the field.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-characteristics-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Listing Profile Select dtl-listing-profile-lov

Selection of a listing profile from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Select a Listing Profile",
  "widget": {
    "type": "dtl-listing-profile-lov"
  }
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Entity type

Key: entityType

Name: Entity type

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: false

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

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

Multiselect on — 10-multiselect-on.json

{
  "type": "object",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "dtl-listing-profile-lov"
      },
      "config": {
        "multiselect": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen default filters — gen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on dtl-listing-profile-lov.

{
  "type": "object",
  "title": "Listing Profile Select — Filters",
  "description": "Demonstrates widget.defaultFilters = \"exampleValue\" on dtl-listing-profile-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "defaultFilters": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen entity type — gen-entity-type.json

Demonstrates widget.entityType = "exampleValue" on dtl-listing-profile-lov.

{
  "type": "object",
  "title": "Listing Profile Select — Entity type",
  "description": "Demonstrates widget.entityType = \"exampleValue\" on dtl-listing-profile-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "entityType": "exampleValue"
      }
    }
  },
  "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": "Listing Profile 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "keyboardOnMobile": 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": "Listing Profile 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "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": "Listing Profile 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "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": "Listing Profile 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-profile-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Listing Column Select dtl-listing-column-field-lov

Selection of a listing column from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Select a Listing Column",
  "widget": {
    "type": "dtl-listing-column-field-lov"
  }
}

Inputs

Show clear

Key: showClear

Name: Show clear

Default: false

Show none text

Key: showNoneText

Name: Show none text

Default: true

Value

Key: selectProperty

Name: Value

Default: "displayField"

Default value

Key: default

Name: Default value

Default: ""

Listing

Key: listingCode

Name: Listing

Default: null

Wrap value in row["value"]

Key: addRowWrap

Name: Wrap value in row["value"]

Default: null

Examples

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

Multiselect on — 10-multiselect-on.json

{
  "type": "object",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "dtl-listing-column-field-lov"
      },
      "config": {
        "multiselect": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen add row wrap — gen-add-row-wrap.json

Demonstrates widget.addRowWrap = "exampleValue" on dtl-listing-column-field-lov.

{
  "type": "object",
  "title": "Listing Column Select — Wrap value in row[\"value\"]",
  "description": "Demonstrates widget.addRowWrap = \"exampleValue\" on dtl-listing-column-field-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-column-field-lov",
        "addRowWrap": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen listing code — gen-listing-code.json

Demonstrates widget.listingCode = "exampleValue" on dtl-listing-column-field-lov.

{
  "type": "object",
  "title": "Listing Column Select — Listing",
  "description": "Demonstrates widget.listingCode = \"exampleValue\" on dtl-listing-column-field-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-column-field-lov",
        "listingCode": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen select property — gen-select-property.json

Demonstrates widget.selectProperty = "exampleValue" on dtl-listing-column-field-lov.

{
  "type": "object",
  "title": "Listing Column Select — Value",
  "description": "Demonstrates widget.selectProperty = \"exampleValue\" on dtl-listing-column-field-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-column-field-lov",
        "selectProperty": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear — gen-show-clear.json

Demonstrates widget.showClear = true on dtl-listing-column-field-lov.

{
  "type": "object",
  "title": "Listing Column Select — Show clear",
  "description": "Demonstrates widget.showClear = true on dtl-listing-column-field-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-column-field-lov",
        "showClear": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

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

Demonstrates widget.showNoneText = false on dtl-listing-column-field-lov.

{
  "type": "object",
  "title": "Listing Column Select — Show none text",
  "description": "Demonstrates widget.showNoneText = false on dtl-listing-column-field-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-column-field-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Form Select tsm-config-form-lov

Selection of a form from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Select a Form",
  "widget": {
    "type": "tsm-config-form-lov"
  }
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: true

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

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

Multiselect on — 10-multiselect-on.json

{
  "type": "object",
  "properties": {
    "field": {
      "type": "object",
      "widget": {
        "type": "tsm-config-form-lov"
      },
      "config": {
        "multiselect": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen default filters — gen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on tsm-config-form-lov.

{
  "type": "object",
  "title": "Form Select — Filters",
  "description": "Demonstrates widget.defaultFilters = \"exampleValue\" on tsm-config-form-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "defaultFilters": "exampleValue"
      }
    }
  },
  "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": "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",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

Demonstrates widget.multiselect = true on tsm-config-form-lov.

{
  "type": "object",
  "title": "Form Select — Selection using a listing (one or more values)",
  "description": "Demonstrates widget.multiselect = true on tsm-config-form-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "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": "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",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "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": "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",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "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": "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",
      "title": "Field",
      "widget": {
        "type": "tsm-config-form-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Entity Type Select tsm-entity-type-lov

Selection of an entity type from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select an Entity Type",
  "widget": {
    "type": "tsm-entity-type-lov"
  },
  "config": {
    "selectProperty": "code"
  },
  "type": "string"
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: false

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

Value

Key: selectProperty

Name: Value

Default: "all"

Display

Key: displayField

Name: Display

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

Default: ["name"]

Examples

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

Gen default filters — gen-default-filters.json

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

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

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

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

{
  "type": "object",
  "title": "Entity Type Select — Keyboard on mobile",
  "description": "Keyboard on mobile: When enabled, a system keyboard is shown on mobile devices to filter the list during selection.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-type-lov",
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen multiselect — gen-multiselect.json

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

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

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

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

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

Gen show clear — gen-show-clear.json

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

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

---

Listing Type Select dtl-listing-type-lov

Selection of a listing type from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Select a Listing Type",
  "widget": {
    "type": "dtl-listing-type-lov"
  }
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Entity type

Key: entityType

Name: Entity type

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: false

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

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

Gen default filters — gen-default-filters.json

Demonstrates widget.defaultFilters = "exampleValue" on dtl-listing-type-lov.

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

Gen entity type — gen-entity-type.json

Demonstrates widget.entityType = "exampleValue" on dtl-listing-type-lov.

{
  "type": "object",
  "title": "Listing Type Select — Entity type",
  "description": "Demonstrates widget.entityType = \"exampleValue\" on dtl-listing-type-lov.",
  "properties": {
    "field": {
      "type": "object",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-type-lov",
        "entityType": "exampleValue"
      }
    }
  },
  "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": "Listing 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-type-lov",
        "keyboardOnMobile": 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": "Listing 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-type-lov",
        "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": "Listing 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-type-lov",
        "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": "Listing 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",
      "title": "Field",
      "widget": {
        "type": "dtl-listing-type-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Configuration Profile Select Panel tsm-entity-specifications-base-info

Selection of a configuration profile on the panel.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Select a Configuration Profile ",
  "widget": {
    "type": "tsm-entity-specifications-base-info"
  }
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Specs ID

Key: specsId

Name: Specs ID

Default: ""

Specs code

Key: specsCode

Name: Specs code

Default: ""

Permissions

Key: permissions

Name: Permissions

Default: ""

Show clear

Key: showClearEntitySpecification

Name: Show clear

Default: false

Entity type

Key: entityType

Name: Entity type

Default: null

Ngrx action

Key: ngrxAction

Name: Ngrx action

Description: Specify the ngrx action that will be dispatched after the form is submitted.

Default: ""

Extender object

Key: ngrxActionData

Name: Extender object

Description: Specify the data that will be dispatched with the ngrx action.

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Examples

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

Gen entity type — gen-entity-type.json

Demonstrates widget.entityType = "exampleValue" on tsm-entity-specifications-base-info.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Entity type",
  "description": "Demonstrates widget.entityType = \"exampleValue\" on tsm-entity-specifications-base-info.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "entityType": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen ngrx action — gen-ngrx-action.json

Ngrx action: Specify the ngrx action that will be dispatched after the form is submitted.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Ngrx action",
  "description": "Ngrx action: Specify the ngrx action that will be dispatched after the form is submitted.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "ngrxAction": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen permissions — gen-permissions.json

Demonstrates widget.permissions = "exampleValue" on tsm-entity-specifications-base-info.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Permissions",
  "description": "Demonstrates widget.permissions = \"exampleValue\" on tsm-entity-specifications-base-info.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "permissions": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen show clear entity specification — gen-show-clear-entity-specification.json

Demonstrates widget.showClearEntitySpecification = true on tsm-entity-specifications-base-info.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Show clear",
  "description": "Demonstrates widget.showClearEntitySpecification = true on tsm-entity-specifications-base-info.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "showClearEntitySpecification": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen specs code — gen-specs-code.json

Demonstrates widget.specsCode = "exampleValue" on tsm-entity-specifications-base-info.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Specs code",
  "description": "Demonstrates widget.specsCode = \"exampleValue\" on tsm-entity-specifications-base-info.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "specsCode": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen specs id — gen-specs-id.json

Demonstrates widget.specsId = "exampleValue" on tsm-entity-specifications-base-info.

{
  "type": "object",
  "title": "Configuration Profile Select Panel — Specs ID",
  "description": "Demonstrates widget.specsId = \"exampleValue\" on tsm-entity-specifications-base-info.",
  "properties": {
    "field": {
      "type": "layout",
      "title": "Field",
      "widget": {
        "type": "tsm-entity-specifications-base-info",
        "specsId": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

Data view component dtl-data-view-widget

Data view component

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Data view component",
  "widget": {
    "type": "dtl-data-view-widget"
  }
}

Inputs

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

Description: The custom height is applied only when the Table / TreeTable is in scrollable mode, contains more than 6 records, and the total height of all rows on the page exceeds the custom height value.

If the custom height is larger than the total height of the rows on the page, the Table / TreeTable automatically reduces its height to avoid empty space.

In Full Screen mode, the custom height setting is ignored. The Table / TreeTable uses a flex configuration which automatically manages the final height.

The height can be specified in these units: px, em, rem, vh.
Sample: 500px

Table Data View Mode

Key: dataViewMode

Name: Table Data View Mode

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

Additional Context Data

Key: externalData

Name: Additional Context Data

Description: Specifies additional contextual data in the form of a JSON object for creating a new record in this listing, which is passed to the form context.

Listing Type

Key: listingType

Name: Listing Type

Description: Specifies which listing type is used for display.

Listing Profile

Key: profileId

Name: Listing Profile

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

Listing Profile Category

Key: profileCategory

Name: Listing Profile Category

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

Output Context Key

Key: outputContextKey

Name: Output Context Key

Description: Key under which this table's selection is exposed in the form context as $outputContext.<key> (e.g. ticket, order, task). Contains selectedEntity (the selected row) and selectedIds (IDs across all pages). Empty = legacy behavior (the selected row is written directly to $outputContext).

Expose selected entities (selectedEntities)

Key: exposeSelectedEntities

Name: Expose selected entities (selectedEntities)

Description: In addition to selectedIds, also expose selectedEntities — the full rows, but for the CURRENT page only. Off by default: heavier payload than an array of IDs. Use selectedIds to work with the cross-page selection.

Hide Export Button

Key: showExport

Name: Hide Export Button

Description: Hides the export button.

Hide Filter

Key: showFilters

Name: Hide Filter

Description: Hides the listing filters.

Hide Refresh Button

Key: showRefresh

Name: Hide Refresh Button

Description: Hides the refresh button.

Hide Paginator

Key: showPaginator

Name: Hide Paginator

Description: Hides the listing pagination.

Hide Columns Manager

Key: showManagerColumns

Name: Hide Columns Manager

Description: Hides the columns manager.

Hide Profiles

Key: showProfiles

Name: Hide Profiles

Description: Hides the listing profiles.

Hide Sort Manager

Key: showManagerSort

Name: Hide Sort Manager

Description: Hides the sort manager.

Hide Color Manager

Key: showManagerColor

Name: Hide Color Manager

Description: Hides the color manager.

Hide Listing Config

Key: showListingConfig

Name: Hide Listing Config

Description: Hides the listing configuration.

Hide Data View Mode

Key: hiddenDataViewMode

Name: Hide Data View Mode

Description: Hides the option to switch between table and kanban view.

Hide Button Section

Key: hideButtonGroup

Name: Hide Button Section

Description: Hides the button section.

Disable Sticky Header

Key: scrollable

Name: Disable Sticky Header

Description: Disables the fixed table header while scrolling.

TQL WHERE Extension

Key: extendTqlWhere

Name: TQL WHERE Extension

Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.

TQL Sorting

Key: externalTqlSort

Name: TQL Sorting

Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.

TQL Sorting for Nested Tables

Key: externalTqlSortForNested

Name: TQL Sorting for Nested Tables

Description: Modifies the default sorting for nested tables in TQL. Format: COLUMN_NAME ASC/DESC.

TQL Query Params

Key: tqlQueryParams

Name: TQL Query Params

Description: Adds query parameters to the TQL request.

Filters

Key: filters

Name: Filters

Description: Allows defining filters for the data displayed in the list.

---