Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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>Bla bla bla.</p>


<h2 style="line-height: 50px;"><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>Label panel</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>Leaderboard panel</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>Summary panel</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>RSS panel</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>Web panel</b></li>
</ul>


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

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

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

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

<p>............................................................................................................................................................</p>

To design a display board, select it from the 

Referencemacro
LabelDisplay boards
list and click on the Design button at the top-right corner of the panel, as shown below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817206/display_board_13.png

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

Screenshotmacro
Borderfalse
Shadowfalse
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
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:

Display_boards_panels

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817206/display_board_design_3.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.