Versions Compared

Key

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

...

Screenshotmacro
Borderfalse
URL/download/attachments/4817211/leaderboard_panel_properties_15.png

Changing Font properties

 

 

To change the font properties for any column, click on the 

Inlineimage
URL/download/attachments/4817211/font_button.png
icon. The following pop-up will appear:

Screenshotmacro
Borderfalse
URLhttp://docs.tri-line.com:8090/download/attachments/4817211/leaderboard_panel_properties_16.png

To choose the style of font or the font size, select from the drop-down list provided. To select the text colour, you need to 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 add the RGB colours to add to your custom palette. You need to click on theApplybutton to set the chosen colour.

Screenshotmacro
Borderfalse
URL/download/attachments/4817211/leaderboard_panel_properties_17.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

At the end, click on theSavebutton to save any changes made.

 

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 Leaderboard panel?</h2>

				<p>A leaderboard panel is a panel that allows you to display several columns of information alongside each other so that you get a visual summary of any call information that interests you. Leader board panels are completely customisable and can show any combination of a number of types of columns. The font type, size, colour and placement are all customisable. The background colour is also customisable. Some examples are shown below:</p>

				<p>This example shows total number of calls, inbound, outbound, lost calls, duration of inbound, duration of outbound, total duration of calls and is ordered by total number of calls per user:</p>

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

...