Select Component Classic Styling

Select Component Nexus Component 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 WebEOC list must already exist in WebEOC, and you must enter the list name exactly as it is stored when setting up this component.

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.

Create Status Indicators for List Views Using the Select Component

Status indicators let you display a visual indicator so users can quickly see a record's status on a board.

Status indicators example

To create status indicators for a List view

  1. Create a list in WebEOC defining the status values, colors, and icons correlating to the required status indicators to display at the record level. See Create a List in the WebEOC Nexus Admin Help Center for details.

    Here is an example of a status list in WebEOC Nexus.

    WebEOC Status List example

    Here is an example of a status indicator configured during list building in WebEOC Nexus.

    Status Indicator configuration

  2. Create an Input view that will be used as the basis for the List view. See Create an Input View.

  3. Add a Select component to the Input view named, for example, Status.

  4. Enter the name of the WebEOC list in the Status Select component’s WebEOC List Name field.

  5. Create a List view based on this Input view. See Create a List ViewClassic Styling for details.

  6. Include the Status field in your List view.

Settings

Select Settings Window

The following settings are available.

Select Settings fields

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.

WebEOC List Name

The name of the WebEOC list associated with the component.

Select the exact match of the WebEOC list name.

Default Text

The default text shown when the select component is rendered.

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

Help Text

The tooltip that appears when the pointer is over the field.

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

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 Classic Styling.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Settings dialog.

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.

  3. Modify the fields as needed.

  4. Click Done.
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 component's Settings dialog opens.

  3. Edit the settings for the cloned component.

  4. Click Done.
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.