Customizing Dashboard Widgets
The Dashboard includes five types of widgets:
- Map Panel - Displays a watershed map.
- Model Actions - Integrates forecast-related functionality from the Actions tab in the Modeling module.
- Plot Panel - Visualizes time series data in graphical format.
- Tabulate Panel - Presents time series data in tabular format.
- Text Block - Displays formatted text, including HTML content.
This guide explains how to customize each widget type.
Customizing a Map Panel
The Map Panel displays a snapshot of the watershed map from the Modeling tab. Once added to the Dashboard, it no longer syncs with changes made in the Modeling module—and vice versa.

To customize a map panel:
- Right-click the map panel tab (e.g., Map Panel 001) and select Properties.
- The Properties Editor dialog will open, allowing you to modify various settings.
- To edit, click the ellipsis (…) next to the corresponding Value cell:
- Tab Name - Rename the tab.
- Map Panel Name - Rename the map panel.
- Zoom Coordinates - Define the map's initial view extent.
- Border and Layout - Adjust the map's appearance and arrangement.
- Click Apply to save changes, then OK to close the dialog.
Adjusting the Zoom Level
You can adjust the zoom level of the map in two ways:
- Use the magnifying glass icon on the left side of the panel.
- Or, use your mouse scroll wheel to zoom in/out.
Customizing Model Actions
The Model Actions widget embeds forecast model interactions from the Modeling module’s Actions tab into the Dashboard. When first added, the widget displays the forecast name and a Forecast Run dropdown.

To add model actions:
- Right-click below the dropdown menu and select Edit Actions.
- In the Select Workflow Actions dialog:
- Use the left dropdown to choose from these categories:
- CWMS CAVI - Forecast: Actions from the Modeling tab's Forecast menu.
- CWMS CAVI - Forecast Run: Actions tied to specific forecast alternatives.
- CWMS CAVI - Scripts: User-defined scripts.
- CWMS CAVI - Team: Team Watershed actions.
- Model Name: Actions unique to the selected model.
- Use the right dropdown to assign actions to a specific forecast alternative or to All Forecast Runs.
- Use the left dropdown to choose from these categories:
- Click OK to exit the dialog.

If the same action exists in both locations, it appears only once, with priority given to the specific forecast alternative. This ordering ensures a logical flow and prevents duplication of actions.
Customizing a Plot Panel
The Plot Panel allows you to graph time series data.

To configure a plot panel:
- Right-click the plot panel tab (e.g., Plot Panel 001) and select Properties.
- In the Properties Editor dialog, click on the ellipsis next to the desired Value field to modify the properties:
- Name - Rename the component.
- Dss Records - Add HEC-DSS data.
- Maximum Height - Adjust the maximum height.
- Minimum Height - Adjust the minimum height.
- Plot Template - Apply a visual template.
- Click Apply, then OK to close the dialog.
Adding Data from HEC-DSS Records
To add data to the plot widget from an HEC-DSS record:
- In the Properties Editor, click the ellipsis next to Dss Records.
- From the new dialog, click Add Records.

- In the Browse DSS dialog, navigate to the desired HEC-DSS file and open it.
- Select the relevant pathnames and click Add Pathnames.

- A prompt will ask if you want to set the model F Parts using relative pathnames.

- Yes - Replaces the F Part with percent signs (%), enabling data to switch between forecast alternatives.
- No - Locks data to the selected model alternative.
- Close the Browse Dss dialog.
- Click Apply, then OK to return to the Properties Editor dialog.
- Click Apply to save changes, then OK to close the dialog.
The selected data will appear in the plot panel.
Customizing the Plot Appearance
To customize the appearance of a plot within the Dashboard:
- Click the Properties Editor icon to open the Plot Panel Properties dialog.

- Adjust the settings of the plot as desired. You can modify line styles, labels, and legends as needed.
- Use Select Viewport to navigate between graphs.
- After finalizing edits click Apply, then OK to close the dialog.
Managing Viewports
To add or remove viewports:
- In the Properties Editor, click the plus (+) button under Components to add additional viewports to the plot panel.
- Click the minus (-) button to remove any unwanted viewports.

Customizing a Tabulate Panel
The Tabulate Panel displays time series data in table format.

To configure a tabulate panel:
- Right-click the tab of the Tabulate Panel (e.g., Tabulate Panel 001) and select Properties.
- In the Properties Editor dialog, click on the ellipsis next to the desired Value field to modify the properties.
Adding Data from HEC-DSS Records
To add data, follow the same steps used to add data to a plot panel.

Customizing a Text Block
The Text Block widget allows you to add HTML-formatted notes, links, and dynamic variables.

To customize a text block:
- Right-click the text block tab (e.g., Text Block 001) and select Properties.
- In the Properties Editor dialog, click on the ellipsis next to the Display Text field.
- Enter your text in the dialog box and click OK.
- Click Apply to save your changes and OK to close the dialog.
Common HTML Tags
You can use standard HTML tags to format your text. Here are some common tags:
| Effect | HTML Tag | Example | Output |
|---|---|---|---|
| Bold | <b> </b> | <b> Bold Text </b> | Bold Text |
| Italic | <i> </i> | <i> Italic Text </i> | Italic Text |
| Subscript | <sub> </sub> | H<sub>2</sub>O | H2O |
| Superscript | <sup> </sup> | E = mc<sup>2</sup> | E = mc2 |
| Underlined | <ins> </ins> | <ins> Underlined Text </ins> | Underlined Text |
| Strikethrough | <del> </del> | <del> Deleted Text </del> | |
| Line Break | <br> | Line 1 <br> Line 2 | Line 1 Line 2 |
Visit this site for more HTML examples.
Dynamic Placeholders
You can embed real-time information using the following variables:
- $FORECAST$ - Current forecast name.
- $WATERSHED$ - Current watershed name.
Additional Recources
Refer to this tutorial for a step-by-step guide to building a Dashboard to support HEC-HMS model calibration.