Versions Compared

Key

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

Summary_list
Task1What is an RSS panel?
Task2Adding an RSS panel
Task3Customising an RSS panel
Task4RSS panel - overview video

HTML
<a id="What is an RSS panel?"></a>

What is an RSS panel?

An RSS panel will allow you to send a live RSS feed to your display board. The example below shows an RSS panel displayed at the bottom of the board.

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/display_board_1_rss_panels.png

HTML
<a id="Adding an RSS panel"></a>

Adding an RSS panel

To add an RSS panel, click on the 

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

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/add_rss_panel_1.png

The list of available panels types will disappear and the mouse 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/4817213/add_rss_panel_2.png

HTML
<a id="Customising a RSS panel"></a>

Customising a RSS panel

To customize your Leaderboard panel, click on the Image Added button on the top-left corner of the screen, then select the Image Added icon to customise the panel, as shown below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/add_rss_panel_3.png

The following screen will appear:

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_1.png

Content

To add an RSS feed, type the URL in the RSS Url panel (e.g. http://www.telegraph.co.uk/rss). Check if the feed is valid, by pressing theCheckbutton. If the entry is valid, the RSS title will appear in the RSS title field. Click on theAddbutton to add this feed to your RSS panel, as below:

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_2.png

By default, this will appear in your RSS panel as follows:

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_3.png

Re-ordering RSS feeds

You can add as many RSS feeds as you like, following the same process. If you want to change their order, just click on the 

Inlineimage
URL/download/attachments/4817211/order_button.png
icon alongside the feed that shows the direction to which you want your RSS feed to move. In the example that follows, we click on the 
Inlineimage
URL/download/attachments/4817211/up_arrow_button.png
icon alongside the BBC News feed to move it a level up.

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_4.png

Deleting an RSS feed

To delete an RSS feed from the RSS panel, just click on the 

Inlineimage
URL/download/attachments/4817211/delete_button.png
icon alongside the feed that you want to delete.

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_6.png

Appearance

Its RSS feed consists of the article title, the article description and the bullet point as shown in the image below:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/rss_description.png

Consequently, in order to change the appearance of a feed in your panel, you have to change the appearence of these sections that it cosnists of. To do so, select theAppearancetab. This will appear as follows:

Screenshotmacro
Borderfalse
URL/download/attachments/4817213/rss_panel_properties_7.png

Changing Font properties

To edit the appearance of either the Article title or Article descriptionsimply change the font's family and style. Choose the style of font you would like to use 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/4817213/rss_panel_properties_8.png

If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight Image Added. To determine the placement of your title, simply click on Image Added. At the end, click on theSavebutton to save any changes made.

Changing Bullet point properties

To use an image rather than a plain colour as your bullet point, type the location of the image into the Image source box; the background colour should be set as 

Keywordmacro
LabelTransparent
. You can also define the width of the image in pixels.

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/rss_panel_properties_9.png

Alternatively, if you just want to change the colour of the bullet point, click on the drop-down arrow. This will show the colour palette available:

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/rss_panel_properties_10.png

The example below shows two different bullet point implementations of the same RSS feed. On the left, you can see an image as a bullet point, whereas on the right the bullet point is just a coloured rectangle of secific width.

Screenshotmacro
Borderfalse
Shadowfalse
URL/download/attachments/4817213/rss_bullet_example.png

Background

By default the background of the RSS panel is black with a lighting effect. However you can add an image source as the background and either choose to have that image centered in the panel or repeated by typing in details. In that case, you may even want to set a transparent background for your image, as shown below. Alternatively, just pick a colour from the colour palette and leave the Image source field blank.

Screenshotmacro

 

 

 

 

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

				<p>An RSS panel will allow you to send a live RSS feed to your display board. The example below shows an RSS panel displayed at the bottom of the board.</p>

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

...