Overlay Panel

 

This page describes how to set up and configure the Overlay Panel component .

The Overlay Panel enables you to overlay components on your dashboard. One component serves as the background, with one or two more laid on top. These overlaid components can be placed on either the left or right-hand side of the background component.

In the following example a pie chart and pivot grid have been overlaid on the map component.

Screenshot

Set up an Overlay Panel

To set up an Overlay Panel component, click-and-drag the component into the workspace and configure the following:

  1. Add the first component, which is the background component.

  2. Add the second component to either the left or right-hand panel. This is the first overlay component.

  3. Optionally, add a third component to the available panel. This is your second overlay component.

  4. Configure the basic properties for your Overlay Panel.

  5. Configure the properties for the additional components you have chosen to overlay.

Note

You can add a maximum of 2 overlay components on top of your background component, one on each side panel. To overlay additional components you could add a Layout panel configured with multiple components.

Refer to Overlap Panel properties described in the next section for details on additional properties.

Overlap Panel properties

The following sections provides details on how to configure the properties of the Overlap Panel component.

Basics

These properties allow you to configure the position and size of the Overlay Panels that can be added to the left and right panels.

Screenshot

Field

Description

Name

Enter a name for the component.

Next, set the following properties for the left and right panels.

Field

Description

Position

Select Top or Bottom to set where you want to place the overlay component on the panel.

Height/Width Type

Select whether you want to define height/width as a Percentage of the overall component, or in pixels with Fixed.

Height

Define the height of the overlay component.

Width

Define the width of the overlay component.

Note

When you are working with overlay components, the properties on the right-hand side vary depending on the component selected in the design view. Check the tabs at the top of your canvas to see which component is selected. Click on the Overlay Panel tab to go back to the basic properties for this component.

Layout panel tab

Style, Margins, Format

Refer to Style for details on configuring these settings.

Further Reading