Versions Compared

Key

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

Summary_list
Task1What is a Web panel?
Task2Adding a Web panel
Task3Customising a Web panel
Task4Web panel - overview video

HTML
<a id="What is a Web panel?"></a>

What is a Web panel?

A web panel is - as the name suggests - a panel which displays a web page. In the display board below, you can see the BBC News page displayed on the right-half of the board.

Screenshotmacro
Borderfalse
URL/download/attachments/4817214/display_board_2.png

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/leaderboard_panel.png
button, 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>

...