Versions Compared

Key

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

...

To add a label panel, click on the Image Removed button

Inlineimage
URL/download/attachments/4817206/panel_type_button.png
button and then select the Image Removed
Inlineimage
URL/download/attachments/4817204/label_panel.png
button, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817210/add_label_panel_1.png

The list of available panels types will disappear and the mose pointer will transform in a white, cross-like pointer sign indicating where your panel will begin. Simply drag your mouse across the screen and you can size the panel as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817210/add_label_panel_2.png

How do I customise my Label panel?

To customize your label panel, click on the

Inlineimage
URL/download/attachments/4817206/pointer_button.png
button on the top-left corner of the screen, then select the 
Inlineimage
URL/download/attachments/4817210/nut_button.png
icon to customise the panel, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817210/add_label_panel_3.png

The following screen will appear:

Screenshotmacro
Borderfalse
URL/download/attachments/4817210/label_panel_properties_1.png

Content

Enter the name you would like to appear on the label, then choose the style of font you would like to use for your header as well as the font size, by selecting from the drop-down list.

To select the text colour, click on the drop-down arrow as shown below. This will show the colour palate available. To select a standard colour, all you need to do is click on it. To add a custom colour, click on one of the blank custom colour squares and type in the RGB colour codes to add to your custom palette.You will need to click on theApplybutton to set the chosen color.

Screenshotmacro
Borderfalse
URL/download/attachments/4817210/label_panel_properties_2.png

If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight 

Inlineimage
URL/download/attachments/4817210/text_formatting_1.png
.

To determine the placement of your title, simply click on 

Inlineimage
URL/download/attachments/4817210/text_formatting_2.png

 

 

Background

Click on theBackgroundtab to configure the properties for the background of your label panel.

If you would like to add an image source, simply type the details in the box provided, as shown in the sceenshot below, otherwise leave blank. You can decide to repeat the image or centre it on the panel, by selecting from the drop-down list of the

Keywordmacro
LabelImage style
field.

To select the background colour, click on the drop-down arrow; this will show the colour palette available. To select a standard colour, all you need to do is click on it. To add a custom colour, click on one of the blank custom colour squares and type in the RGB colour codes to add to your custom palette. You can also pick a transparent background, if you prefer. You will need to click on theApplybutton to set the chosen color.

Screenshotmacro
Borderfalse
URL/download/attachments/4817210/label_panel_properties_3.png

If you would like to apply lighting effects to the label panel, just tick the box as shown here:

Screenshotmacro
Borderfalse
URLhttp://docs.tri-line.com:8090/download/attachments/4817210/label_panel_properties_4.png

The two examples below show the difference between panels with and without lighting effects. The panel with the slight shine has a lighting effect applied, while the solid black panel has no lighting effects.

Screenshotmacro
Borderfalse
URL/download/attachments/4817210/label_panel_properties_5.png

 

 

 

 

HTML
<table width="100%" cellspacing="0" cellpadding="5" border="0" class="sectionMacro">
	<tbody>
		<tr>
			<td valign="top">
				<h2 style="margin-top: 0px;">What is a Label panel?</h2>

				<p>A label panel is as the name suggests a panel that can be used to provide a meaningful label for your display board or any area of the display board. e.g. If the display board is showing summary stats for your London site you might want choose something like "London summary stats" as the name for the label panel. If your display board is showing call information for the service team at London, you may choose to call the label panel "London Service". You can also add an image, date and time to a label panel.</p>

				<p>The following example shows how label panels could eventually look on a display board. All the label panels are hilighted in red border. You can see a larger label panel at the top saying <b>"All Telesales"</b> followed by two smaller label panels describing the sections below, <b>"Top Performers"</b> and <b>"Summary Stats"</b>. At the top left hand side of the page, you can see the company's <b>logo</b>, whereas at the top right hand side of the page, you can see the current <b>time</b>.</p>

				<img class="screenshot" src="http://www.tri-line.com/common/img/documentation/tim_plus/display_board_1_label_panels.png" alt="Label panel" />
			</td>
			<td width="1px" valign="top">
				<div style="border-width: 1px;" class="panel video">
					<div class="panelContent">
						<h4>Design a Label panel</h4>
						<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=4">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_plus/label_panel_video.png" alt="Design a Label panel video" /></a></p>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

...