Versions Compared

Key

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

...

To determine the placement of your title, simply click on 

Inlineimage
URL/download/attachments/4817210/text_formatting_2.png

Content

To add content to any Summary panel, select theContenttab.

First, you will need to select the Stats point you wish to use, by clicking on theFindbutton, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_3.png

Next, you need to drill-down until you find the stats point you want to use, then click on the Image Added button alongside it to select it, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817211/leaderboard_panel_properties_6.png

This will now appear as your chosen Stats point.
Next, you will need to select the Call type and Column that you want to display as the summary value (e.g. to show the maximum call duration for all calls, select 

Referencemacro
LabelCall type
as 
Keywordmacro
LabelAll
and
Referencemacro
LabelColumn
as
Keywordmacro
LabelMaximum Duration
):

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_5.png

You may then choose to show only the summary values for this Summary panel and configure its properties. To choose the style of font or the font size, select from the drop-down list provided. To select the text colour, you need to click on the drop-down arrow. 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 add the RGB colours to add to your custom palette. You need to click on theApplybutton to set the chosen colour.

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/summary_panel_properties_6.png

If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight Image Added.  To determine the placement of your title, simply click on Image Added. At the end, click on theSavebutton to save any changes made.

If you want to show the name of the user that meets the criteria set above, tick the box to allow this information to be displayed, then select the size, the type and the properties for the font you would like to use.

In the example below, we have selected to show the longest outbound call, so the 

Referencemacro
LabelCall type
is
Keywordmacro
LabelOutbound
, and
Referencemacro
LabelColumn
is
Keywordmacro
LabelMaximum Duration
. Ticking the box to display the name of the user meeting the criteria above, the summary panel will dispaly the call with the max duration and the name of the person that reach this threshold.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_7.png

The summary panel of this last example will show as follows:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_example.png

Background

Click on theBackgroundtab 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 provided, as shown in the sceenshot 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; 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 also pick a transparent background, if you prefer. You will need to click on theApplybutton to set the chosen colour.

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_8.png

If you would like to apply lighting effects to the summary panel, tick the box provided, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817212/summary_panel_properties_9.png

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 green panel hasn't:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817212/summary_lighting_example.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 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>

...