User Management Widgets

---

User Select tsm-user-lov

Selection of a user from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User",
  "widget": {
    "type": "tsm-user-lov"
  },
  "type": "string"
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

Code

Key: includeCode

Name: Code

Default: null

Hide avatar

Key: hideAvatar

Name: Hide avatar

Default: false

User group

Key: userGroups

Name: User group

Default: null

Characteristics filters

Key: chars

Name: Characteristics filters

Default: null

Filters

Key: defaultFilters

Name: Filters

Default: null

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

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

Default: true

Show clear

Key: showClear

Name: Show clear

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

Default: true

Show none text

Key: showNoneText

Name: Show none text

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

Default: true

Select first value

Key: selectFirstValue

Name: Select first value

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

Default: false

Selection using a listing (one or more values)

Key: multiselect

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

Default: false

Value

Key: selectProperty

Name: Value

Default: "id"

Display

Key: displayField

Name: Display

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

Default: ["name"]

Examples

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

Gen chars — gen-chars.json

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

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

Gen default filters — gen-default-filters.json

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

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

Gen hide avatar — gen-hide-avatar.json

Demonstrates widget.hideAvatar = true on tsm-user-lov.

{
  "type": "object",
  "title": "User Select — Hide avatar",
  "description": "Demonstrates widget.hideAvatar = true on tsm-user-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-lov",
        "hideAvatar": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen include code — gen-include-code.json

Demonstrates widget.includeCode = "exampleValue" on tsm-user-lov.

{
  "type": "object",
  "title": "User Select — Code",
  "description": "Demonstrates widget.includeCode = \"exampleValue\" on tsm-user-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-lov",
        "includeCode": "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": "User 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-user-lov",
        "keyboardOnMobile": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen user groups — gen-user-groups.json

Demonstrates widget.userGroups = "exampleValue" on tsm-user-lov.

{
  "type": "object",
  "title": "User Select — User group",
  "description": "Demonstrates widget.userGroups = \"exampleValue\" on tsm-user-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-lov",
        "userGroups": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

User Role Select tsm-user-role-lov

Selection of a user role from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User Role",
  "widget": {
    "type": "tsm-user-role-lov"
  },
  "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: 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-user-role-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-user-role-lov.

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

Gen multiselect — gen-multiselect.json

Demonstrates widget.multiselect = true on tsm-user-role-lov.

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

---

User Group Select tsm-user-group-lov

Selection of a user group from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User Group",
  "widget": {
    "type": "tsm-user-group-lov"
  },
  "type": "string"
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

User group

Key: userGroups

Name: User group

Default: null

User Group Type

Key: userGroupTypes

Name: User Group Type

Default: null

Characteristics filters

Key: chars

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

Gen chars — gen-chars.json

Demonstrates widget.chars = "exampleValue" on tsm-user-group-lov.

{
  "type": "object",
  "title": "User Group Select — Characteristics filters",
  "description": "Demonstrates widget.chars = \"exampleValue\" on tsm-user-group-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-group-lov",
        "chars": "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": "User Group 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-user-group-lov",
        "keyboardOnMobile": false
      }
    }
  },
  "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": "User Group 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-user-group-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": "User Group 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-user-group-lov",
        "showNoneText": false
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen user group types — gen-user-group-types.json

Demonstrates widget.userGroupTypes = "exampleValue" on tsm-user-group-lov.

{
  "type": "object",
  "title": "User Group Select — User Group Type",
  "description": "Demonstrates widget.userGroupTypes = \"exampleValue\" on tsm-user-group-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-group-lov",
        "userGroupTypes": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen user groups — gen-user-groups.json

Demonstrates widget.userGroups = "exampleValue" on tsm-user-group-lov.

{
  "type": "object",
  "title": "User Group Select — User group",
  "description": "Demonstrates widget.userGroups = \"exampleValue\" on tsm-user-group-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-group-lov",
        "userGroups": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

User Group Type Select tsm-user-group-type-lov

Selection of a user group type from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User Group Type",
  "widget": {
    "type": "tsm-user-group-type-lov"
  },
  "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-user-group-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-user-group-type-lov.

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

Gen multiselect — gen-multiselect.json

Demonstrates widget.multiselect = true on tsm-user-group-type-lov.

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

---

User Privilege Select tsm-user-privilege-lov

Selection of a user privilege from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User privilege",
  "widget": {
    "type": "tsm-user-privilege-lov"
  },
  "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: 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-user-privilege-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-user-privilege-lov.

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

Gen multiselect — gen-multiselect.json

Demonstrates widget.multiselect = true on tsm-user-privilege-lov.

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

---

User Type Select tsm-user-type-lov

Selection of a user type from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User type",
  "widget": {
    "type": "tsm-user-type-lov"
  },
  "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-user-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-user-type-lov.

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

Gen multiselect — gen-multiselect.json

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

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

---

User User Group Select tsm-user-user-group-lov

Selection of a user group assigned to a user from a dropdown list.

Widget Or Layout: unknown

Value:

{
  "title": "Select User User Group",
  "widget": {
    "type": "tsm-user-user-group-lov"
  },
  "type": "string"
}

Inputs

Default value

Key: default

Name: Default value

Default: ""

User

Key: userId

Name: User

Default: ""

Examples

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

Gen user id — gen-user-id.json

Demonstrates widget.userId = "exampleValue" on tsm-user-user-group-lov.

{
  "type": "object",
  "title": "User User Group Select — User",
  "description": "Demonstrates widget.userId = \"exampleValue\" on tsm-user-user-group-lov.",
  "properties": {
    "field": {
      "type": "string",
      "title": "Field",
      "widget": {
        "type": "tsm-user-user-group-lov",
        "userId": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

---

User Avatar Group tsm-user-avatar-group

List of users displayed as an avatar group with the ability to expand, add and remove users.

Widget Or Layout: unknown

Value:

{
  "title": "Users",
  "widget": {
    "type": "tsm-user-avatar-group"
  },
  "type": "array",
  "config": {
    "selectProperty": "id"
  }
}

Inputs

Value

Key: selectProperty

Name: Value

Default: "id"

User group

Key: userGroups

Name: User group

Default: null

Maximum number of visible avatars

Key: maxVisible

Name: Maximum number of visible avatars

Default: 5

Disable link to user detail

Key: disableUserDetailLink

Name: Disable link to user detail

Default: false

Examples

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

Gen disable user detail link — gen-disable-user-detail-link.json

Demonstrates widget.disableUserDetailLink = true on tsm-user-avatar-group.

{
  "type": "object",
  "title": "User Avatar Group — Disable link to user detail",
  "description": "Demonstrates widget.disableUserDetailLink = true on tsm-user-avatar-group.",
  "properties": {
    "field": {
      "type": "array",
      "title": "Field",
      "widget": {
        "type": "tsm-user-avatar-group",
        "disableUserDetailLink": true
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen max visible — gen-max-visible.json

Demonstrates widget.maxVisible = 10 on tsm-user-avatar-group.

{
  "type": "object",
  "title": "User Avatar Group — Maximum number of visible avatars",
  "description": "Demonstrates widget.maxVisible = 10 on tsm-user-avatar-group.",
  "properties": {
    "field": {
      "type": "array",
      "title": "Field",
      "widget": {
        "type": "tsm-user-avatar-group",
        "maxVisible": 10
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen select property — gen-select-property.json

Demonstrates widget.selectProperty = "exampleValue" on tsm-user-avatar-group.

{
  "type": "object",
  "title": "User Avatar Group — Value",
  "description": "Demonstrates widget.selectProperty = \"exampleValue\" on tsm-user-avatar-group.",
  "properties": {
    "field": {
      "type": "array",
      "title": "Field",
      "widget": {
        "type": "tsm-user-avatar-group",
        "selectProperty": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

Gen user groups — gen-user-groups.json

Demonstrates widget.userGroups = "exampleValue" on tsm-user-avatar-group.

{
  "type": "object",
  "title": "User Avatar Group — User group",
  "description": "Demonstrates widget.userGroups = \"exampleValue\" on tsm-user-avatar-group.",
  "properties": {
    "field": {
      "type": "array",
      "title": "Field",
      "widget": {
        "type": "tsm-user-avatar-group",
        "userGroups": "exampleValue"
      }
    }
  },
  "layout": [
    "field"
  ]
}

---