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:
How do I add a Leaderboard panel?
To add a leaderboard panel, click on the button and then select the button, as shown below:
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:
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:
The following screen will appear:
Title
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
button to apply the colour.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:
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.
Content
To add content to any leader board, select the
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 button, as shown below:
Then just drill-down until you find the stats point you want to use. Once you find it, click on the button alongside it to select it, as shown below:
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.
Once you select the Call type and relevant Column fields, press the 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.
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'
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.
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, we move the Total column a alevel up.
Hiding a column on leader board
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:
To display again, simply untick as shown here
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:
The following pop-up will appear, asking you to confirm deletion. Press OK to proceed.
Changing the Stats Collection point
To change the Stats collection point, click on . 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.
Changing Font properties
To change the font properties for any column, click on the icon. The following pop-up will appear:
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:
Then choose the font size you would like to use by simply selecting from the drop-down list as shown here:
To select the text colour, click on the drop-down arrow . This will show the colour palate available:
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:
Note that you can select more than one option if required e.g. bold and italic and underlined.
Background
Click on the
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
button to apply the colour.If you would like to apply lighting effects to the label panel, just tick the box as shown here:
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.
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
button to save any changes made.