List View Settings Component Nexus Component Styling

This component is not available as a Classic Styling component and can only be used if you select the Use Nexus Component Styling checkbox when creating a view.

The List View Settings component allows you to configure settings for a List view.

The List View Settings component is supported in the List view and is found in the Toolbox section of the Components tray.

To configure List view settings

1. Click the component in the Toolbox section. The List View Settings dialog opens.

2. Complete the settings as indicated, then click Confirm.

Settings

The following settings are available.

List View settings

Field	Description	Procedure
Enable “Create New:”	If selected, displays a Create New button that opens the view indicated in the Input View drop-down, allowing users to create a new record. If unselected, the List view is display only and does not allow new record creation.	Select the checkbox as needed.
Export PDF	If selected, displays a button that allows the user to export either all records in the List view or the filter and search results in PDF format.	Select the checkbox to display the option on the List view.
Export Excel	If selected, displays a button that allows the user to export either all records in the List view or the filter and search results in Excel format.	Select the checkbox to display the option on the List view
Enable Comments	If selected, displays a Comments button on the List view, which allows users to access a Comments panel. See Board Comments for a description of this feature.	Select the checkbox to display the Comments button on the List view. See Add Share and Comments buttons in other views and versions for other places to add a comments button. Comments buttons are supported in WebEOC Nexus 10.18 and later.
Enable Share Button Component that displays a button giving users access to Share Links for generating direct URLs.	If selected, displays a Share button, which allows users to quickly generate and share direct URLs to WebEOC Nexus board views. See Share Board Links for a description of this feature.	Select the checkbox to display the Share button on the List view. See Add Share and Comments buttons in other views and versions for other places to add a Share button. Share buttons are supported in WebEOC Nexus 10.18 and later.
Input View	Used if the Enable Create New checkbox is selected.	Select the Input view that opens when the user clicks the Create New button.
Associated Details View	The Details view associated with this List view.	Select a view.
Associated Delete View	The Delete view associated with this List view.	Select a view.
Associated History View	The History view associated with this List view.	Select a view.
Slide Out Width	Sets the width of the slide-out panel that opens in WebEOC when users access Input, Details, and History views from the List view.	Select an option: Partial Fullscreen
Enable Search	Setting to enable Search in the dialog.	Turn the toggle on to enable search and configure the additional settings below.
Search Placeholder Text	Placeholder text shown in the search input field	Enter the placeholder.
Selected Search Fields	Select the checkbox next to each field in the board that stores data that can be searched.	Click the field and select the checkboxes for the fields.
Enable Filters	Setting to enable filters in the dialog.	Turn the toggle on to enable filters and configure the additional settings as described in Add a Filter.

Add a Filter

You can add a filter to the List view that users can apply when viewing it in WebEOC. Filters display as drop-downs, with options based on the configured filter value names. After a user selects a filter option, it is applied to the records in the List view.

There are two filter types:

• List Filter: Allows you to create a filter drop-down using a WebEOC list.

• View Filter: Allows you to create a filter drop-down based on a View filter you created in DesignStudio.

  View filters must exist before you can add the View filter to a List View. See Build a View Filter For a Display View for details.

To add a filter

1. Ensure the Enable Filters toggle is set to on.

2. Enter this information.

   Filter configuration fields

   Field	Description	Valid Value or Example
   Filters	Identifies if you want to filter by a list or a view. List Filter: Allows you to create a filter using a WebEOC list. View Filter: Allows you to create a drop-down containing the view filters you create in DesignStudio. View filters are created in Configuration mode. See Build a View Filter For a Display View for details.	Select one: List Filter View Filter
   If you are creating a filter based on a List filter, select List Filter in the Filters drop-down, click the + icon, then configure the settings below.
   Field Name	The name of the field that contains the values you would like to filter on.	Select the field name from the list.
   Display Label	Text that displays above the filter drop-down.	Up to 200 alphanumeric characters. The filter name updates as you type.  This name appears on the board above the drop-down.
   WebEOC List Name	Name of the list that stores the values for the filter drop-down.	Enter the exact name of the WebEOC list that contains these values.
   Layout Breakpoint	Breakpoint at which this filter moves to the overflow menu.	Select an option.
   If you are creating a filter based on a View filter, select View Filter from the Filters drop-down, click the + icon, then complete these fields: The View Filter must already exist. See Build a View Filter For a Display View.
   Default Text	Text that appears by default when nothing has been selected in the specified field.	Up to 200 alphanumeric characters.
   View Filters	List of View filters created in DesignStudio and available to be used in this filter. See Build a View Filter For a Display View.	To apply the View filter, click and drag the View filter to the Selected View Filters section.

3. After configuring the filter, turn the Searchable toggle to on to add a search field at the top of the filter so that users can search on filter options.

4. Click Confirm.

Add Share and Comments buttons in other views and versions

In the Classic version you can add a Share button to views using the App Bar.

In the WebEOC Nexus Styling version you can:

• Add a Share button to List views using the List View Settings component following the steps on this page.

• Add a Share button to Details views using the App Bar.

• Add a Share button to Input and Details views using the Share Button component.

In the Classic version you can add a Comments button to List and Details views using the App Bar.

In the WebEOC Nexus Styling version you can:

• Add a Comments button to Details views using the App Bar.

• Add a Comments button to List views using the List View Settings component following the steps on this page.

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	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.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Settings icon. The Properties tab displays on the right next to the Components tray. Update the settings as needed. Changes display in real time.
	Move		This icon is not used. To move the component, click and drag it to its new location.
	Clone	Copies the current component and its settings, then pastes it after the current component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Clone icon. The Properties tab displays on the right next to the Components tray. Edit the settings for the cloned component. Changes display in real time.
	Delete	Deletes the selected component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Delete icon.