Overlays

What is an overlay?

The overlay is a visual element that lays on top of existing content, typically for the purpose of providing additional information, options, or functionality without completely obscuring the underlying interface. They are a way to maintain focus on a specific task without the need to navigate away from the current screen.

When will overlays appear?

Overlays are triggered when Actions are clicked.

The blue panel illustrates how the overlay will lay on top to of the dashboard.

Key Features

1. Overlay Action Label

An Overlay opens when an action has been initiated by a click event on an Action Icon. The Overlay Action Label provides confirmation of where you are and what you are doing.

2. Close

At any time, the Overlay can be closed by clicking on the Close icon.

3. Scrollbar

The scrollbar facilitates the viewing and navigation of content that extends beyond the visible area of the window or viewport.

4. Content

The content refers to informational text, form or other elements presented and displayed within the Overlay that are relevant to the action initiated.

Now What?

Now that you have a deeper understanding of Icons, Actions and Overlays. Get to know the Dashboard.