Select

Craft personalized dropdown options within interfaces

Specs

Label
Value

Version

1.2.0 (updated on 2024-12-13)

Developer

Labii Inc.

Type

Column

Support Configuration

Yes

Support Readonly view

Yes

Support Edit view

Yes

Support Form view

Yes

Support Default value

Yes

Support Import

Yes

Allow multiple

Yes

Overview

The Labii Select widget empowering users to craft personalized dropdown options within interfaces effortlessly. It grants users the ability to define and curate custom dropdown selections, tailoring choices to suit specific requirements or preferences. What sets it apart is its unique feature allowing users to assign distinct colors to each dropdown option, enhancing visual differentiation and aiding in intuitive navigation or categorization.

Use case

  1. Use this widget to define the gender (Male/Female) of patient.

  2. Use this widget to define the status of a project.

Configuration

To enable the widget's functionality, it requires the provision of options. Each option comprises the following two fields:

  • Dropdown option

  • Color - the color to highlight the dropdown option

  • Should include additional input - If true, an additional input will be displayed when this option is selected. Note: Do not include "()" in the option name.

Examples:

# show the male and female of gender
[
    {
        "option": "Male",
        "color": "#000000"
    },
    {
        "option": "Female",
        "color": "#010101"
    }
]

Views

See the interface of the widget in the following views.

Readonly view

Readonly view display the values of the column.

Edit view

The Edit view is the interface that allows you to modify the value.

Often, the “Other” option requires additional input. To enable this, simply set “Should include additional input” to true for the “Other” option. Once activated, selecting “Other” will display an additional input field to collect the required value.

Form view

The Form view is the field integrated into the add form for collecting values when creating a new record.

The Form view is same as the Edit view.

Data

Each widget in Labii stores data in a unique manner; refer below to understand how data from this widget is stored.

Data format

Option value in string.

Default value

The Default Value field within the column allows you to specify the default value when a record is created.

Default value shall be the option value in string.

Import value

The Import Value is the value you need to include in your Excel table for it to be imported into Labii.

Import value shall be the option value in string.

Last updated