Multiple Files Component

Multiple Files component button

The Multiple Files component allows you to drag and drop a field on to the canvas.

The Multiple Files component is supported in the Input view and the Details view.

When you add the Multiple Files component to a board, a field on the board displays that allows users to either drag and drop or click to browse to upload multiple files. Once uploaded, these files can be downloaded, replaced, or deleted.

This component is available for use with WebEOC Nexus 10.9 and later.

Here is the component as it appears in an Input view on a board, with a section to drag and drop or click to upload, and a list of files already attached beneath it. You can delete files in this view.

multiple file compoenent in the input view on a board

When added to a Details view, the file name, file size, and a download icon display.

Multiple file component on a board's details view

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

Settings

Mutliple File component settings tab

The following settings are available.

Multiple File 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.

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.

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.