What is a Leaderboard panel?
A leaderboard 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 columns types. The background, font type, size, colour and placement are also customisable. Some examples are shown below:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/display_board_4.png |
---|
|
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
Inlineimage |
---|
URL | /download/attachments/4817206/panel_type_button.png |
---|
|
button and then select the Inlineimage |
---|
URL | /download/attachments/4817204/leaderboard_panel.png |
---|
|
button, as shown below: Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817211/add_leaderboard_panel_1.png |
---|
|
The list of available panels types will disappear and the mouse pointer will transform in a white, cross-like pointer sign indicating where your panel will begin. Simply drag your mouse across the screen and you can size the panel as shown below:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/add_leaderboard_panel_2.png |
---|
|
How do I customise my Label panel?
To customize your label panel, click on the
Inlineimage |
---|
URL | /download/attachments/4817206/pointer_button.png |
---|
|
button on the top-left corner of the screen, then select the Inlineimage |
---|
URL | /download/attachments/4817210/nut_button.png |
---|
|
icon to customise the panel, as shown below: Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/add_leaderboard_panel_3.png |
---|
|
The following screen will appear:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/leaderboard_panel_properties_1.png |
---|
|
Tools
Save documentation as PDF
Skip to end of metadata
Go to start of metadata
What is a Leaderboard panel?A leaderboard 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: Image Added | |
How do I add a Leaderboard panel?
To add a leaderboard panel, click on the
Image Added button and then select the
Image Added button, as shown below:
Image Added
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:
Image Added
How do I customise my Leaderboard panel?
To customize your leaderboard panel, click on the
Image Added button on the top left hand side of the screen. Then click on the
Image Added icon of the panel that you want to customise, as shon below:
Image Added
The following screen will appear:
Image Added
Title
The
tab allows you to add add a name for your leaderboard and the headers for each column. Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/leaderboard_description.png |
---|
|
Adding Panel title
To provide a title for the leaderboard panel, simply fill in the Label field. Choose the font size you would like to use by selecting from the drop-down list provided. You can also choose the style of font you would like to use for your title.
To select the text colour, click on the drop-down arrow. This will display 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 the RGB colour codes to add to your custom palette. You need to click on the Apply button to set the chosen colour:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817211/leaderboard_panel_properties_2.png |
---|
|
If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight
Inlineimage |
---|
URL | /download/attachments/4817210/text_formatting_1.png |
---|
|
.To determine the placement of your title, simply click on
Inlineimage |
---|
URL | /download/attachments/4817210/text_formatting_2.png |
---|
|
HTML |
---|
<table width="100%" cellspacing="0" cellpadding="5" border="0" class="sectionMacro">
<tbody>
<tr>
<td valign="top">
<h2 style="margin-top: 0px;">What is a Leaderboard panel?</h2>
<p>A leaderboard 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:</p>
<p>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:</p>
<img class="screenshot" src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_4.png" alt="Leaderboard panel" />
</td>
<td width="1px" valign="top">
<div style="border-width: 1px;" class="panel video">
<div class="panelContent">
<h4>Design a Leaderboard panel</h4>
<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=5">
<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_plus/leaderboard_panel_video.png" alt="Design a Leaderboard panel video" /></a></p>
</div>
</div>
</td>
</tr>
</tbody>
</table> |
...