Versions Compared

Key

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

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
Borderfalse
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
Borderfalse
Shadowfalse
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
Borderfalse
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
Borderfalse
URL/download/attachments/4817211/add_leaderboard_panel_3.png

The following screen will appear:

Screenshotmacro
Borderfalse
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:

Leaderboard panelImage 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:

Add Leaderboard panelImage 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:

Add Leaderboard panelImage 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:

Add Leaderboard panelImage Added

The following screen will appear:

Leaderboard panel propertiesImage Added

Title

The

Referencemacro
LabelTitle
tab allows you to add add a name for your leaderboard and the headers for each column.

Screenshotmacro
Borderfalse
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
Borderfalse
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>

...