Versions Compared

Key

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

...

Adding a Leaderboard panel

Adding 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/leaderboardweb_panel.png
button, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817214/add_web_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
Shadowfalse
URL/download/attachments/4817214/add_web_panel_2.png

Customising a Leaderboard panel

To customize your Leaderboard 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:

 

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 Web panel?</h2>

				<p>A web panel is, as the name suggests, simply a panel which displays a web page.</p>

				<p>In the display board below, you can see BBC News page on the right half of the board.</p>

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

...