...
An RSS panel will allow allows 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.
...
To add an RSS panel, click on the
Inlineimage |
---|
URL | /download/attachments/4817206/panel_type_button.png |
---|
|
toolbar button
and then select the to expand the list of panel types and choose the Inlineimage |
---|
URL | /download/attachments/4817204/rss_panel.png |
---|
|
button, as shown below:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
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,
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817212/add_summary_panel_1.png |
---|
|
After selecting the RSS panel button, the mouse pointer changes into a white crosshair pointer, indicating that the designer is ready to draw your panel. Click and hold your left mouse button, starting at the point defining the upper-left corner of your new panel. Whilst still holding down the left mouse button, drag the marquee that will appear to the point that will define the lower-right corner of your panel, as shown below:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817213/add_rss_panel_2.png |
---|
|
...
To customize your Leaderboard an RSS panel, click on the toolbar button to switch to panel selection mode. Hover your mouse pointer over the label panel you want to customise and click on the Image Added icon, when it appears towards the top-left right corner of the screen, then select the Image Removed icon to customise the panel, as shown below:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817213/add_rss_panel_3.png |
---|
|
The following screen will appear RSS panel properties window will open, containing the following tabs:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_1.png |
---|
|
To add an The
tab allows you to add the URL of your RSS feed,
type the URL in the RSS Url panel ( e.g.
http://www.telegraph.co.uk/rss).
Check if To verify that the feed is valid,
by pressing click on the
Check button.
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_2_a.png |
---|
|
If the entry is valid, the title of the RSS title feed will appear in the RSS title field. Click on the Add button to add this feed to your RSS panel, as shown below:
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_2.png |
---|
|
...
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_3.png |
---|
|
You can add as many RSS feeds as you like, following the same process. If you want to change their order, just click To add another RSS feed to your panel, follow the same procedure as described above.
If your RSS panel contains more than one RSS feed, you can change the order they will appear on your display board, by clicking on the
Inlineimage |
---|
URL | /download/attachments/4817211/order_button.png |
---|
|
icon icons 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.each feed, as shown below: Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_4.png |
---|
|
...
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.as shown below: Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_6.png |
---|
|
Its RSS feed consists of the The
tab allows you change the look of your RSS feed, by amending one or more of the following properties: the article title, the article description and the bullet point
, as shown
in the image below:
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
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 |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_7.png |
---|
|
To edit the appearance of either the Article title or Article description 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.
...
Article title
Apply any styling properties, such as font size, font style or text colour, if you want to change the appearance of your article title.
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rssRSS_panelarticle_properties_8title.png |
---|
|
If you would like the text to appear as bold, italic or underlined, simply click on the required box to highlight Image Removed. To determine the placement of your title, simply click on Image Removed. At the end, click on theSavebutton to save any changes made.
...
Article description
Apply any styling properties, such as font size, font style or text colour, if you want to change the appearance of your article description.
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/RSS_article_description.png |
---|
|
Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/RSS_article_bullet_point.png |
---|
|
Field | Description |
---|
Image source | To use an image rather than a plain colour as your bullet point, |
...
enter its source here; the path is relative to the folder on disk from which the web content is served, and is different for each class of web user; the background colour should be set as |
...
Transparent, so it does not interfere with your image |
Width | Define the width of the image, in pixels |
...
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
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 |
---|
Border | false |
---|
Shadow | false |
---|
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 specific width.
Screenshotmacro |
---|
Border | false |
---|
Shadow | false |
---|
URL | /download/attachments/4817213/rss_bullet_example.png |
---|
|
By default The
tab allows you to configure the background
properties of
the your 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 |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_11.png |
---|
|
Field | Description |
---|
Image source | If you |
...
want your panel to display an image, type its source here. Remember, the path is relative to the folder on disk from which the web content is served, and is different for each class of web user |
Image style | Choose how the image should be displayed |
Colour | Choose the background colour of the panel; if you are adding an image, you may want to select Transparent so that this does not interfere with your image |
Apply lighting effects to this panel |
...
Tick this option to apply a shine effect to the entire panel; if you are using the panel to display an image, this may adversely affect how it appears |
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 |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_lighting_example.png |
---|
|
Info |
---|
Please It is recommended that you check with the RRS RSS feed provider that they are happy for you to use their feed. Most RSS providers will state quite clearly whether they are happy for you to use the feed and how it should be used. |
The width and height of the panel containing the RSS feed will be picked up automatically. You can change this by using your mouse to drag this to a different size or by changing the number of pixels to define the panel size.You can also choose the refresh rate for the panel, by filling in the
box provided. At the end, click theSavebutton to save any changes made.Metrics tab allows you to define the shape of the panel, by entering values for its position and size. You are also given the option to determine the refresh frequency of the page, by entering a value in the Article refresh box. Screenshotmacro |
---|
Border | false |
---|
URL | /download/attachments/4817213/rss_panel_properties_13.png |
---|
|
When you have finished configuring the properties of your RSS panel, click on the Save button to apply the changes.
HTML |
---|
<a id="RSS panel - overview video"></a> |
For a live demonstration on of how to design and customise an RSS panel, watch the video below:
Vimeovideomacrovideomacro |
---|
|
Image | rss_panel.png |
---|
Video | rss_panel_plus.mp4 |
---|
|
|