Add a panel

Panels contain the data you want displayed on your dashboard. The data they contain can come from inside or outside of Data Explorer:

  • Reports, parameters, and widgets come from inside of Data Explorer
  • Web pages, lists, text, and images come from outside of Data Explorer

Add a panel to the dashboard

  1. In the Dashboard Control, click Add Panels.
  2. In the Panels dialog box, click the type of panel you want to add. Your cursor changes to a cross .
  3. On the dashboard grid, drag the cursor to draw a new panel, using the grid to help position and size it.
  4. In the upper right corner of the panel, click Edit > Properties.
  5. In the Properties dialog box, select the content for the panel and configure how you want the content to appear and behave.
  6. Click Apply.
  7. Click Save.

Types of panels

Content panels

Styling panels

Parameter controls

A parameter control panel works in association with a report panel and a parameter. The parameter control panel and the report panel are bound together when the parameter is configured. Create the report panel and the parameter control panel first, and then configure the parameter.

For more information on how these three elements work together, see Add a parameter.

There are 5 different parameter controls to choose from.

  • Member Picker—This control allows you to select one or more items to filter your report by. The control shows the possible items in a scrollable list.

  • Compact Member Picker—This control is a small version of the regular Member Picker that takes up less space on a dashboard. You choose one or more items to filter by from a popup dialog box that closes when you apply your filter items.

  • Number Entry—This control lets you set a specific number to filter the report by. For example, you might have a report where you want to show which agents are more than a certain number of seconds out of adherence. You can change the number of seconds out of adherence with this control.

  • Text Entry—This control lets you filter by a specific text string. For example, you might want to see calls taken by Abby Allen, so you enter Abby Allen in the entry field. You must type the exact text string in order to get results. The filter returns no results on partial strings, for example, if you enter Allen instead of the complete string Abby Allen.

  • Time Period Picker—This control lets you select a specific date, a date range, or a relative date (for example, the last 7 days from today) to filter the report data. The control itself is a field. When you click in the field, a Date Filter dialog box opens where you configure the time period. Your filter is summarized in the control’s field.

QM and WFM widgets

The QM and WFM widgets are preconfigured reports that display different types of data and can be added to your dashboard like any other panel. For more information on these widgets, see Available QM widgets and Available WFM widgets.

About appearance and color

The General tab in a panel’s Properties dialog box allows you to configure how the panel looks on the dashboard. This includes setting a title bar, a margin, a border, and a background color.

This graphic shows a list panel in the dashboard designer. It has been configured to have the following:

  • A title bar.
  • A margin between the panel content and the border that is 20 pixels wide.
  • A red border that is 10 pixels wide.
  • A gray background. The background color applies both to the panel content area and the margin.

Dashboard and panel colors

You can apply color to your dashboard and its panels from various places—at the dashboard level, the panel level, and the panel content level. Each of these levels is a layer going from general (the dashboard level) to the specific (panel content level). A specific level overrides a general level. The order of levels from most general to most specific is as follows:

  1. Dashboard background
  2. Panel background
  3. Panel content background
  4. Panel content

To illustrate dashboard and panel colors, let’s place a simple report on a dashboard. No colors have been set at any level at this point—the default colors (a pale gray for the dashboard, and white for the report content) are used.

Now let’s apply a color to the dashboard. This is the lowest and most general layer for color. We do this from Page Settings in the Dashboard Control. On the General tab, set the dashboard background color to light blue. The report content remains white.

Next, let’s apply color to the report panel. We do this from the General tab in the panel’s Properties dialog box. Set the panel’s background color to yellow. The dashboard remains light blue, the panel becomes yellow, and the report content remains white.

Next, we will apply color to the panel content background. Do this in the View tab of the Question panel where you create your report. Configure the background color using the Styling control. We set the background color to dark blue.

This results in the dark blue report background overlaying the yellow panel background. You can still see the panel background because we set a margin of 6 pixels. If there was no margin set, no yellow would be visible.

NOTE   You must also enable Draw Report Background on the Behaviour tab of the report Properties dialog box for the background color to be visible.

Next we will apply color to the panel content. Do this in the View tab of the Question panel, just like the panel content background. Depending on which view you choose for your report, there are various controls that can apply color. In this example, we used the Table Style control. We set colors for the table’s row headings, column headings, and cells:

The final result is this.

BEST PRACTICE   This is an exaggerated example of colors in a dashboard and a report. Use color sparingly. Using the default color setting at most levels results in a more pleasing dashboard appearance.