Versions Compared

Key

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

...

Designing a display board video

Videomacro
Imagecustomising.png
Videocustomising.mp4

How to design a display board

To design a display board, locate the object in the Directory, click on it and select Design from the drop-down list, as shown below:

Screenshotmacro
URL/download/attachments/2359392/display_board_design_1.png

...

If you opted to design your display board from scratch, the following screen will appear:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/2359392/display_board_design_2.png

...

HTML
<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_enterprise/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_enterprise/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_enterprise/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_enterprise/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_enterprise/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_enterprise/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_enterprise/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=13">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/displayboard_design_video.png" alt="Panel type customisation video" /></a></p>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
HTML
<h2 style="line-height: 50px;"><img class="header_icon" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/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_enterprise/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_enterprise/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_enterprise/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>

To add or edit panels in your display board, use the toolbar on the left-hand side of the panel. Each toolbar button is described below:

Display_boards_buttons
TextThe pointer button
Img/download/attachments/4817206/pointer_button.png

The pointer (selector) button allows you to select an object and alter its properties.

Display_boards_buttons
TextThe panel type button
Img/download/attachments/4817206/panel_type_button.png

This button allows you to select the type of panel you want to add to the canvas. The available panel types are presented below:

Centred_img
URL_img/download/attachments/4817204/label_panel.png
TextLabel panel
Link/display/enterprise/Label+panel
URL/download/attachments/4817204/label_panel.png

Centred_img
URL_img/download/attachments/4817204/leaderboard_panel.png
TextLeaderboard panel
Link/display/enterprise/Leaderboard+panel
URL/download/attachments/4817204/leaderboard_panel.png

Centred_img
URL_img/download/attachments/4817204/summary_panel.png
TextSummary panel
Link/display/enterprise/Summary+panel
URL/download/attachments/4817204/summary_panel.png

Centred_img
URL_img/download/attachments/4817204/rss_panel.png
TextRSS panel
Link/display/enterprise/RSS+panel
URLhttp://docs.tri-line.com:8090/download/attachments/4817204/rss_panel.png

Centred_img
URL_imghttp://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png
TextWeb panel
Link/display/enterprise/Web+panel
URLhttp://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png

Display_boards_buttons
TextThe aspect ratio button
Img/download/attachments/4817206/aspect_ratio_button.png

This button allows you to change the ratio of the screen. The defaults available are 16:10 and 4:3, but the board can be stretched to any value you set.

Display_boards_buttons
TextThe grid button
Img/download/attachments/4817206/grid_button.png

The grid button is a simple toggle switch that shows or hides the grid.

Display_boards_buttons
TextThe canvas settings button
Img/download/attachments/4817206/settings_button.png

This button allows you to change the background properties of the canvas.

Display_boards_buttons
TextThe save button
Img/download/attachments/4817206/save_button.png

This button allows you to save any changes made to the canvas.