Designing a display board

<p>Once you have added a new Display board, you may need to actually design what you would like to appear on it. 
To do this, simply select it from the list and click on the <span class="button">Design</span> button, at the top 
right hand-side of your screen, as shown below:</p>

<img class="screenshot" src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_design_1.png" alt="Display board properties" />

<p>The following screen will then appear, which is the design mode of a display board:</p>

<img src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_design_2.png" alt="Display board properties" />

<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/pointer_button.png" /> The pointer button</h2>

<p>The pointer (or selector button) as it's sometimes called allows you to select an object and alter it's properties.</p>

<table width="100%" cellspacing="0" cellpadding="5" border="0" class="sectionMacro">
	<tbody>
		<tr>
			<td valign="top">
				<h2 style="line-height: 50px; margin-top:0px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/panel_type_button.png" /> The panel type button</h2>

				<p>To select the type of panel you would like to add to this blank canvas, click on the black button on the top left-hand side of the screen and it will expand, as shown here:</p>

				<img src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_design_3.png" alt="Display board properties" />

				<p>You can choose between the  panel types presented below:</p>

				<ul style="list-style-type: none;">
    				<li class="design_panel"><img class="design_panel" src="http://www.tri-line.com/common/img/documentation/tim_plus/label_panel.png" /> <b><a href="Label panel">Label panel</a></b></li>
    				<li class="design_panel"><img class="design_panel" src="http://www.tri-line.com/common/img/documentation/tim_plus/leaderboard_panel.png" /> <b><a href="Leaderboard panel">Leaderboard panel</a></b></li>
					<li class="design_panel"><img class="design_panel" src="http://www.tri-line.com/common/img/documentation/tim_plus/summary_panel.png" /> <b><a href="Summary panel">Summary panel</a></b></li>
    				<li class="design_panel"><img class="design_panel" src="http://www.tri-line.com/common/img/documentation/tim_plus/rss_panel.png" /> <b><a href="RSS panel">RSS panel</a></b></li>
					<li class="design_panel"><img class="design_panel" src="http://www.tri-line.com/common/img/documentation/tim_plus/web_panel.png" /> <b><a href="Web panel">Web panel</a></b></li>
				</ul>
			</td>
			<td width="1px" valign="top">
				<div style="border-width: 1px;" class="panel video">
					<div class="panelContent">
						<h4>Panel type customisation</h4>
						<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=3">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_plus/displayboard_design_video.png" alt="Panel type customisation video" /></a></p>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/aspect_ratio_button.png" /> The aspect ratio button</h2>

<p>The aspect ration button, as the name suggests allows you to change the aspect ratio of the screen. The defaults available are 16:10 and 4:3. Those ratios are only really a guideline.  When you open the final board it will stretch to whatever you set.</p>

<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/grid_button.png" /> The grid button</h2>

<p>The grib button is a simple toggle switch that shows the grid or hides it.</p>

<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/settings_button.png" /> The canvas settings button</h2>

<p>This button allows you to change the canvas settings for the background e.g. background colour.</p>

<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_plus/save_button.png" /> The save button</h2>

<p>If you have made any changes to your Display board, simply click on the save button to apply these changes.</p>