Skip to end of metadata
Go to start of metadata
You are viewing an old version of this page. View the current version. Compare with Current ·  View Page History

What is a Leaderboard panel?

A leader board panel is a panel that allows you to display several columns of information alongside each other so that you get a visual summary of any call information that interests you. Leader board panels are completely customisable and can show any combination of a number of types of columns.  The font type, size, colour and placement are all customisable. The background colour is also customisable. Some examples are shown below:

This example shows total number of calls, inbound, outbound, lost calls, duration of inbound, duration of outbound, total duration of calls and is ordered by total number of calls per user:

Leaderboard panel

How do I add a Leaderboard panel?

To add a leaderboard panel, click on the button and then select the button, as shown below:

Add Leaderboard panel

The list of panels types available immediately disappears and a blank screen will appear with the white cross-like pointer sign indicating where the panel will begin on the screen.

Simply drag your mouse across the screen and you can size the panel as you can see in below:

Add Leaderboard panel

How do I customise my Leaderboard panel?

To customize your leaderboard panel, click on the button on the top left hand side of the screen. Then click on the icon of the panel that you want to customise, as shon below:

Add Leaderboard panel

The following screen will appear:

Leaderboard panel properties

Title

Leaderboard description
Adding Panle title

To provide a title for the leaderboard panel, simply fill in the Label,/span> field. Choose the font size you would like to use by simply selecting from the drop-down list. Then choose the style of font you would like to use for your title.

To select the text colour, click on the drop-down arrow as shown below. This will show the colour palate 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 need to click on the Apply button to apply the colour.

Leaderboard panel properties

If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight .

To determine the placement of your title, simply click on .

If the label panel on the top of the board is sufficient, you may not require a label on this panel. If you do not want a label to appear on this panel, click the Hide label box as shown below:

Leaderboard panel properties
Adding Leaderboard headers

The default header for the columns in the leaderboard panel is Arial, 16 point in white. However, you can change all the setting of the Leaderboard headers, that are similar to the Panel title ones. Click on the drop-down list alongside any of the properties to change.

Leaderboard panel properties

Content

To add content to any leader board, select the Content tab.

The first thing you need to do is to select the Stats point you wish to use. To do this, simply click on the Select button, as shown below:

Leaderboard panel properties

Then just drill-down until you find the stats point you want to use. Once you find it, click on the Tick button alongside it to select it, as shown below:

Leaderboard panel properties

This will now appear as your chosen Stats point. Next you will need to decide what you would like to show on the leaderboard. To do this simply, work through the drop-down lists shown below and select the Call type and relevant Column and it will populate the panel.

Leaderboard panel properties

Once you select the Call type and relevant Column fields, press the Add column button to add the column to the list, as shown below. Just repeat the same process to add as many columns as you like, according to your company's needs.

Leaderboard panel properties

In the example below, we have selected the following settings for the Call type and its Column to form the columns that appear in the list:

  • Pos: select Call type as 'All' and Column as 'Position'
  • Name: select Call type as 'All' and Column as 'Name'
  • Total: select Call type as 'All' and Column as 'Count'
  • In: select Call type as 'Answered' and Column as 'Count'
  • Out: select Call type as 'Outbound' and Column as 'Count'
  • Lost: select Call type as 'Missed' and Column as 'Count'
  • Duration In: select Call type as 'Answered' and Column as 'Average Duration'

Leaderboard panel properties
Changing column name

If you would like to change the name of any column, simply click on the column name and overtype the current name currently highlighted in blue. Then press the Enter key to save.

Leaderboard panel properties
Rearranging columns

If you would like the columns to appear in a different order, just click on the icon alongside its column. Moving a column up by clicking on the icon in the design mode, we basically move this column left on the board.

In the example below, we rearrange the In and Total columns. By clicking on the icon next to the Total column, we move it a alevel up.

Leaderboard panel properties
Hiding a column

These may be occasions when you do not want all columns to show e.g. you are running a particular campaign and you want to concentrate only on inbound or outbound calls.  To hide a column, you simply click once on the eye and a red X will appear to confirm the column is temporarily hidden as shown below:

Hide

To display again, simply untick as shown here

Show

Deleting a column on leader board

If you would like to permanently delete a column, then all you have to do is click on the delete icon as shown below:

Delete

The following pop-up will appear, asking you to confirm deletion. Press OK to proceed.

Confirm

Changing the Stats Collection point

To change the Stats collection point, click on Select SP. This will allow you to navigate up and down the directory or choose a different stats point at the same point e.g. weekly instead of daily stats.

Select SP2

Changing Font properties

To change the font properties for any column, click on the Font icon icon.  The following pop-up will appear:

Ent Text style

To select the font family, click on the alongside the default font Arial. You can then select your new font from the list as shown below:

Font

Then choose the font size you would like to use by simply selecting from the drop-down list as shown here:

Font size

To select the text colour, click on the drop-down arrow select colour.  This will show the colour palate available:

Select colour

To select a colour, you simply need to click on it. Alternatively, click on one of the blank boxes in the custom palette and enter the RGB code to add a custom colour.

If you would like text to appear as bold, italic or underlined, simply click on the required box to highlight your required option as shown below:

Font style

Note that you can select more than one option if required e.g. bold and italic and underlined.

Background

Click on the Background tab 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 as shown 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 as shown below. 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 even pick a transparent background, if you like. You need to click on the Apply button to apply the colour.

Label panel properties

If you would like to apply lighting effects to the label panel, just tick the box as shown here:

Label panel properties

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 black panel has no lighting effects.

Label panel properties

Metrics

To define the panel's metrics to suit your particular screen, simply type the required pixel sizes in the boxes as shown below. Then click on the Save button to save any changes made.

Label panel properties
Labels: