Versions Compared

Key

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

...

Starting from either a blank canvas or from a pre-defined template, a display board can be customised by adding any combination of the following types of panel, using an on-screen designer:

panels
displaycentred_boardsimg
URL_

The example below shows a display board containing a label panel at the top of screen, a leaderboard panel on the left-hand side, and a series of 6 summary panels on the right-hand side. An RSS panel is displayed at the bottom of the screen. At the top-left corner of the display board, an additional transparent label panel was added to represent a company logo.

Screenshotmacro
Borderfalse
img/download/attachments/4817204/label_panel.png
TextLabel panel
Link/display/enterprise/Label+panel
URL/download/attachments/4817204/displaylabel_board_1panel.png

The following pages contain details of how to create and customise display boards.

 

http://docs.tri-line.com:8090/
Display_boards_buttons
TextLabel panel
Img
Centred_img
URL_img/download/attachments/4817204/leaderboard_panel.png
TextLeaderboard panel
Link/display/enterprise/Leaderboard+panel
URL/download/attachments/4817204/labelleaderboard_panel.png

 

 

HTML
<table width="100%" cellspacing="0" cellpadding="5" border="0" class="sectionMacro">
	<tbody>
		<tr>
			<td valign="top">
				<p>Display boards are web pages that allow you to display up-to-the-second call information. They can be saved as a favourite on your desktop for display at any time, they could be shown on an external screen or even viewed on any mobile device with web access. You have the ability to set the refresh rate to keep the board constantly updating. These display boards can comprise of one or more of the following components:</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="/display/enterprise/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="/display/enterprise/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="/display/enterprise/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="/display/enterprise/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="/display/enterprise/Web+panel">Web panel</a></b></li>
				</ul>

				<p>You simply pick which panels you want to use from the list above. By allowing users to create and customize their own combination of leaderboards, news headlines or CRM information with additional summary panels, there is no limit to the permutations that can be achieved.</p>

				<p>The example below shows a display board with a label panel, followed by a leaderboard panel on the left hand side, and a series of 6 summary panels on the right hand side. An RSS panel is displayed at the bottom of the screen. On the top left hand side of the display board, an additional transparent label panel has been added containing an image to show how company logo's etc can be added to the board.</p>

				<img class="screenshot" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/display_board_1.png" alt="Display board" />

				<p>Over the next few pages, you will learn how to create your own display boards. Please note that the screens shown in this manual are just examples. Please feel free to be as creative as you like with your own display boards.</p>
			</td>
			<td width="1px" valign="top">
				<div style="border-width: 1px;" class="panel video">
					<div class="panelContent">
						<h4>Display boards overview video</h4>
						<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=10">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/displayboards_overview_video.png" alt="Display boards overview video" /></a></p>
					</div>
				</div>
				<div style="border-width: 1px;" class="panel video">
					<div class="panelContent">
						<h4>What are they?</h4>
						<p><a rel="nofollow" class="external-link" href="http://www.tri-line.com/en/products/video.php?id=27">
						<img class="screenshot naked no_border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/displayboards_what_are_they_video.png" alt="What are Display boards?" /></a></p>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

Centred_img
URL_img/download/attachments/4817204/summary_panel.png
TextSummary panel
Link/display/enterprise/Summary+panel
URL/download/attachments/4817204/summary_panel.png

Centred_img
URL_img/download/attachments/4817204/rss_panel.png
TextRSS panel
Link/display/enterprise/RSS+panel
URLhttp://docs.tri-line.com:8090/download/attachments/4817204/rss_panel.png

Centred_img
URL_imghttp://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png
TextWeb panel
Link/display/enterprise/Web+panel
URLhttp://docs.tri-line.com:8090/download/attachments/4817204/web_panel.png

The example below shows a display board containing a label panel at the top of screen, a leaderboard panel on the left-hand side, and a series of 6 summary panels on the right-hand side. An RSS panel is displayed at the bottom of the screen. At the top-left corner of the display board, an additional transparent label panel was added to represent a company logo.

Screenshotmacro
Borderfalse
URL/download/attachments/4817204/display_board_1.png

The following pages contain details of how to create and customise display boards.