Select Component Nexus Component Styling

Select Component Classic Styling

Select Component

The Select component is a representation of a WebEOC list that allows users to choose a value from a drop-down list.

The Select component is supported in the Input view and is found in the Data Entry section of the Components tray.

Select Component

See Add Board Components for details about adding components to a view.

Settings

The following settings are available.

Select settings

Field

Description

Procedure

Label

A unique identifier that briefly describes the component in the user interface.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

DB Field Name

A unique identifier that briefly describes the component in the database table. The text in this field becomes the database field name.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Export Label

The label applied to this field when data from the board is exported.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Select List Type

Setting to determine whether the select list pulls options from a list created in WebEOC or a static list built as part of these settings.

Select an option:

  • WebEOC list

  • Static List

Options

If Select List Typeis Static List, enter the list of static values used for the list.

To add options

  1. Click + Value.

  2. In the Label field, enter the option text that the user selects from the drop-down.

  3. In the Subtitle field, enter the text that appears when a user hovers over the option.

  4. In the Value field, enter the value that is saved in the Input view when a user clicks this option.

  5. Click the checkmark.

To edit an option

  1. Click the pencil icon next to the option.

  2. Make updates as needed.

  3. Click the checkmark icon.

To delete an option

Click the trashcan icon.

To change the order of the buttons

Drag the double-ellipsis up or down.

WebEOC List Name

If Select List Type is WebEOC List, the name of the WebEOC list associated with this board’s publish profile Configuration that deploys boards and forms to one or more WebEOC environments in a named sequence of steps..

Either:

  • Select the WebEOC list name containing the options to use from the drop-down.

    If you have imported a WebEOC list into this board, it displays as an option in the WebEOC List Name drop-down.

  • Click the + sign to import a WebEOC list.

    If you add a WebEOC list via the WebEOC List Name drop-down and it has not previously been imported, it will be added to the Explorer section of the workspace in the WebEOC Lists section, where its values can be refreshed as needed. See refresh values for details

Default Text

The default text shown when the select component is rendered.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Parent

The name of the parent field for a multi-tier list.

Enter the field name.

Process Group

If the select drop-down uses process permissions to control access to it, select the WebEOC group that can access this drop-down.

Enter the group.

Process Permissions

The process permissions setting that allows the group to access this drop-down.

Enter the Process Permission.

Style

The following style options are available.

Select style options

Field

Description

Procedure

Searchable

Toggle to indicate whether the search icon displays, allowing users to search the menu options.

Turn the toggle on to allow the options to be searchable.

Required

Adds a red asterisk to the end of the label indicating that the field is mandatory.

Turn the toggle to on to indicate the field is required.

Help Text

The tooltip that appears when the pointer is over the radio buttons.

Enter between 2 - 50 alphanumeric characters, excluding special characters

Conditional

The following Conditional settings are available.

Conditional settings

Field

Description

Procedure

Conditional Settings

The component only appears when certain conditions in relation to another component are met.

See Add a Conditional Component.

Actions Toolbar

The following actions are available when you select any component on the canvas in the Board Workspace when working with Nexus Component Styling.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Properties tab next to the Components Tray.

You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon. The Properties tab displays on the right next to the Components tray.

  3. Update the settings as needed.

    Changes display in real time.

Move Icon

Move

 

This icon is not used.

To move the component, click and drag it to its new location.
Copy Icon

Clone

Copies the current component and its settings, then pastes it after the current component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Clone icon. The Properties tab displays on the right next to the Components tray.

  3. Edit the settings for the cloned component.

    Changes display in real time.

Delete Icon

Delete

Deletes the selected component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Delete icon.

Related Concepts

Select Component Classic Styling