...
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>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 |
---|
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.