Checkbox Component

Checkbox Icon

The Checkbox component inserts a checkbox on the canvas.

The Checkbox component is supported in the Input view.

Checkbox Component

Settings

Checkbox Input Settings

The following settings are available.

Checkbox Input Settings fields
Field Description Procedure

Label

A unique identifier that briefly describes the component in the user interface. The text you enter appears beside the checkbox.

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

DB Field Name

The wording that appears beside the checkbox (for example, Yes or No). The text in this field becomes the database field name.

Enter between 2 - 50 alphanumeric characters, excluding special characters.
Value The value indicating the checkbox is selected. This record will be added in DesignStudio in Code Mode and in WebEOC when a user adds a record and the checkbox is selected.

If you leave the Value field blank:

  • In DesignStudio, in Code Mode, the checkbox component will not have the "value" attribute.

  • In WebEOC, if records are added with the checkbox selected, the default value "on" will be added in the code.

If you enter text in the Value field (for example, "Checked" or “Yes”):

  • In DesignStudio, in Code Mode, the checkbox component's value attribute will contain the text from the Value field in Design Mode.

  • In WebEOC, when records are added with the checkbox enabled, the value will be saved as specified in the Value field in DesignStudio.

Help Text

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

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

Required

Indicates that the component is a required field. The user sees an error message if the checkbox is not selected.

Select the checkbox to enable the option.

Conditional Settings

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

See Add a Conditional Component.

Icons

The following tool icons are available.

Tool icons and descriptions
Icon Name Description Procedure
Settings Icon

Settings

Displays the settings window, in which you can modify the component’s label, database field name, help text, and conditional settings.

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

  2. Click the icon.

  3. Modify the fields as needed. See Add Board Components.

  4. Click Done.
Move Icon

Move

Moves the component to another position on the board.

This option is useful with touch pages. If you are not using a touch page, you can drag the component to its new location.

  
Copy Icon

Copy

Copies the current component and its settings and 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 icon.

  3. In the settings window, modify the details, as needed.

  4. Click Done. The new component is inserted after the original component.
Delete Icon

Delete

Deletes the current component.

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

  2. Click the icon.