HTML |
---|
<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>
|
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_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> |
HTML |
---|
<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>
|
To design a display board, select it from the
list and click on the Design button at the top-right corner of the panel, as shown below: Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817206/display_board_13.png |
---|
|
If you opted to design your display board from scratch, the following screen will appear:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817206/design_panel.png |
---|
|
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:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817206/display_board_design_3.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.