Versions Compared

Key

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

...

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

HTML
<a id="Customising a LeaderboardSummary panel"></a>

Customising a

...

Summary panel

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

...

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

Metrics

To define the panel's metrics to suit your particular screen, type the required pixel sizes in the boxes provided, then click on theSavebutton to save any changes made.

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

HTML
<a id="Summary panel overview video"></a>

Summary panel overview video

For a live demonstration on how to design and customise a Summary panel, watch the video below:

 

Videomacro
Imagesummary_panel.png
Videosummary_panel_plus.mp4

 

 

 

 

 

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>

...