...
Designing a display board video
| Videomacro |
|---|
| Image | customising.png |
|---|
| Video | customising.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 |
|---|
| Border | false |
|---|
| Shadow | false |
|---|
| 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>...........................................................................................................</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>...........................................................................................................</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>...........................................................................................................</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>...........................................................................................................</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 |
|---|
| Text | The 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 |
|---|
| Text | The 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 |
|---|
| Text | Label panel |
|---|
| Link | /display/enterprise/Label+panel |
|---|
| URL | /download/attachments/4817204/label_panel.png |
|---|
|
| Centred_img |
|---|
| URL_img | /download/attachments/4817204/leaderboard_panel.png |
|---|
| Text | Leaderboard panel |
|---|
| Link | /display/enterprise/Leaderboard+panel |
|---|
| URL | /download/attachments/4817204/leaderboard_panel.png |
|---|
|
| Centred_img |
|---|
| URL_img | /download/attachments/4817204/summary_panel.png |
|---|
| Text | Summary panel |
|---|
| Link | /display/enterprise/Summary+panel |
|---|
| URL | /download/attachments/4817204/summary_panel.png |
|---|
|
| Centred_img |
|---|
| URL_img | /download/attachments/4817204/rss_panel.png |
|---|
| Text | RSS panel |
|---|
| Link | /display/enterprise/RSS+panel |
|---|
| URL | http://docs.tri-line.com:8090/download/attachments/4817204/rss_panel.png |
|---|
|
| Centred_img |
|---|
| URL_img | http://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png |
|---|
| Text | Web panel |
|---|
| Link | /display/enterprise/Web+panel |
|---|
| URL | http://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png |
|---|
|
| Display_boards_buttons |
|---|
| Text | The 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 |
|---|
| Text | The 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 |
|---|
| Text | The 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 |
|---|
| Text | The save button |
|---|
| Img | /download/attachments/4817206/save_button.png |
|---|
|
This button allows you to save any changes made to the canvas.