<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.)

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

Adding a Summary panel

To add a Summary panel, click on the 

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:

<a id="Customising a Leaderboard panel"></a>

Customising a Leaderboard panel

To customize your Leaderboard panel, click on the Image Added button on the top-left corner of the screen, then select the Image Added icon to customise the panel, as shown below:

The following screen will appear:

To provide a title for the Summary panel, simply fill in the Label field. Choose the style of font and font size you would like to use, by selecting from the drop-down list provided.

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 Applybutton to set the chosen 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 

<table width="100%" cellspacing="0" cellpadding="5" border="0" class="sectionMacro">
	<tbody>
		<tr>
			<td valign="top">
				<h2 style="margin-top: 0px;">What is a Summary panel?</h2>

				<p>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.</p>

				<img class="screenshot" src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_3.png" alt="Display board with Summary panels" />
			</td>
			<td width="1px" valign="top">
				<div style="border-width: 1px;" class="panel video">
					<div class="panelContent">
						<h4>Design a Summary panel</h4>
						<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=6">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_plus/summary_panel_video.png" alt="Design a Summary panel video" /></a></p>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

...