Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Summary_list
Task1What is a Summary panel?
Task2Adding a Summary panel
Task3Customising a Summary panel
Task4Summary panel - overview video

HTML
<a id="What is a Summary panel?"></a>

What is a summary panel?

Summary panels are normally used to display a summary of information (e.g. the longest call, the most expensive call, the total number of inbound calls etc.)

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/display_board_3.png

HTML
<a id="Adding a Summary panel"></a>

Adding a summary panel

To add a summary panel, click on the 

Inlineimage
URL/download/attachments/4817206/panel_type_button.png
 toolbar button to expand the list of panel types and choose the
Inlineimage
URL/download/attachments/4817204/summary_panel.png
button, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/add_summary_panel_1.png

After selecting the summary panel button, the mouse pointer changes into a white crosshair pointer, indicating that the designer is ready to draw your panel. Click and hold your left mouse button, starting at the point defining the upper-left corner of your new panel.  Whilst still holding down the left mouse button, drag the marquee that will appear to the point that will define the lower-right corner of your panel, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/add_summary_panel_2.png

HTML
<a id="Customising a Summary panel"></a>

Customising a summary panel

To customize a summary panel, click on the button on the top-left corner of the screen, then select the  icon to customise the panel, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/add_summary_panel_3.png

The Summary panel properties window will open, containing the following tabs:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_1.png

Title

The

Tabmacro
LabelTitle
tab allows you to enter a name for your summary panel and apply any styling properties, such as font size, font style, text colour, etc.

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/summary_panel_properties_2.png

FieldDescription
Hide labelTick this option if you don't want your panel to have a title.
LabelEnter a title for your summary panel.
Text styleSelect any styling properties for your panel title, e.g font size, font style or text colour etc.

Content

The Content tab allows you select the type of call information you want to display in your summary panel.

Selecting a stats point

To choose the entity which the information in this summary panel should apply to, select a stats collection point, by clicking on the Find button.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_3.png

A new window will open, allowing you to drill-down to the site or group level in the Directory, where the stats point object you want to add resides. To select the stats point, click on the 

Inlineimage
URL/download/attachments/4817211/tick_button.png
icon alongside it.

Screenshotmacro
Borderfalse
URL/download/attachments/4817211/leaderboard_panel_properties_6.png

This will now appear as your chosen stats point.

Selecting the call type

To select the type of call which the information displayed in this summary panel should apply to, click on the 

Referencemacro
LabelCall type
drop-down list and choose from the available options, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_4.png

Selecting the information type

To select the type of call information you want to display in this summary panel, such as total duration, response time, etc., click on the 

Referencemacro
LabelColumn
drop-down list and choose from the available options, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_5.png

Show summary values

To see only the summary values for the information displayed in this panel, tick the available option and apply any styling properties, if preferred.

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/summary_panel_properties_6.png

Show the name of the user

To see the name of the user which the information displayed in this panel applies to, tick the available option and apply any styling properties, if preferred. 

In the example below, we have selected to show the longest outbound call, so the 

Referencemacro
LabelCall type
is
Keywordmacro
LabelOutbound
, and
Referencemacro
LabelColumn
is
Keywordmacro
LabelMaximum Duration
. Ticking the box to display the name of the user meeting the criteria above, the summary panel will display the call with the max duration and the name of the person that reach this threshold.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_7.png

The summary panel of this last example will show as follows:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_example.png

Background

Click on theBackgroundtab to configure the properties for the background of your label panel.

If you would like to add an image source, simply type the details in the box provided, as shown in the sceenshot below, otherwise leave blank. You can decide to repeat the image or centre it on the panel, by selecting from the drop-down list of the Image style field.

To select the background colour, click on the drop-down arrow; this will show the colour palette available. To select a standard colour, all you need to do is click on it. To add a custom colour, click on one of the blank custom colour squares and type in the RGB colour codes to add to your custom palette. You can also pick a transparent background, if you prefer. You will need to click on theApplybutton to set the chosen colour.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_8.png

If you would like to apply lighting effects to the summary panel, tick the box provided, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_9.png

The two examples below show the difference between panels with and without lighting effects. The panel with the slight shine has a lighting effect applied, while the solid green panel hasn't:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/summary_lighting_example.png

Metrics

To define the panel's metrics to suit your particular screen, type the required pixel sizes in the boxes provided, then click on theSavebutton to save any changes made.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_10.png

HTML
<a id="Summary panel - overview video"></a>

Summary panel - overview video

For a live demonstration on how to design and customise a Summary panel, watch the video below:

 

Videomacro
Imagesummary_panel.png
Videosummary_panel_plus.mp4