<h2>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 a board.</p> <img id="border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/display_board_1_rss_panels.png" alt="RSS panel" /> <p><b>ADDING AN RSS PANEL</b></p> <p>Click on the <img alt="RSS" title="RSS" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getimg&i=85152"> panel if you would like to add an RSS panel to your display board. </p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85153&w=400"><img onclick="screenshotOpen(this);" title="RSS2" alt="RSS2" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85153&w=400"></a> <p>Then drag your mouse across the screen until your panel is big enough as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85154&w=400"><img onclick="screenshotOpen(this);" title="RSS3" alt="RSS3" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85154&w=400"></a> <p><b>SELECTING PROPERTIES FOR RSS PANEL</b></p> <p>To edit the RSS panel properties, click on the <img alt="Edit_small" title="Edit_small" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getimg&i=77869"> button on the top left-hand side of the screen. Then click on the <img alt="Nut" title="Nut" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getimg&i=77867"> to access the panel properties as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85155&w=400"><img onclick="screenshotOpen(this);" title="RSS5" alt="RSS5" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85155&w=400"></a> <p>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 as shown below:</p> <p>The following screen will appear:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85156&w=5500"><img onclick="screenshotOpen(this);" title="Config RSS1" alt="Config RSS1" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85156&w=5500"></a> <p>First you will need to add an RSS feed. To do this, simply type in the URL in the RSS Url panel e.g. http://www.telegraph.co.uk/rss as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85157&w=550"><img onclick="screenshotOpen(this);" title="Config RSS2" alt="Config RSS2" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85157&w=550"></a> <p>Next, check that the feed is valid by pressing the <b>Check</b> button. If it is valid, the RSS title will appear in the RSS title field as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85158&w=550"><img onclick="screenshotOpen(this);" title="Config RSS3" alt="Config RSS3" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85158&w=550"></a> <p>Now all you have to do is press the <b>Add</b> button to add this feed to your RSS panel. It will then appear as follows:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85159&w=550"><img onclick="screenshotOpen(this);" title="Config RSS4" alt="Config RSS4" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85159&w=550"></a> <p>By default, this will appear in your RSS panel as follows:</p> <p><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77874&w=400"><img onclick="screenshotOpen(this);" title="RSSfeed4" alt="RSSfeed4" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77874&w=400"></a></p> <p>To change the appearance of this feed in you panel, select the appearance panel. This will appear as follows:</p> <p><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85160&w=400"><img onclick="screenshotOpen(this);" title="RSS5" alt="RSS5" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85160&w=400"></a></p> <p>To edit the appearance of either the article title or article description simply change the font's family and style as shown below:</p> <p><b>Changing Font properties</b></p> <p>Choose the font size you would like to use by simply selecting from the drop-down list as shown here:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77237&w=300"><img onclick="screenshotOpen(this);" title="Font size" alt="Font size" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77237&w=300"></a> <p>Choose the style of font you would like to use from the drop-down font family list.</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77238&w=300"><img onclick="screenshotOpen(this);" title="Font" alt="Font" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77238&w=300"></a> <p>To select the text colour, click on the drop-down arrow <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77853&w=50"><img onclick="screenshotOpen(this);" title="colour arrow" alt="colour arrow" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77853&w=50"></a>. This will show the colour palette available:</p> <p>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 the <b>Apply</b> button to apply the colour.</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77234&w=500"><img onclick="screenshotOpen(this);" title="colour" alt="colour" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77234&w=500"></a> <p>If you would like text to appear as bold, italic or underlined, simply click on the required box to highlight as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77246&w=300"><img onclick="screenshotOpen(this);" title="font style" alt="font style" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77246&w=300"></a> <p><b>Note</b> that you can select more than one option if required e.g. bold and italic and underlined.</p> <p>If determine the placement, simply click on one of the options shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77248&w=300"><img onclick="screenshotOpen(this);" title="placement" alt="placement" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77248&w=300"></a> <p><b>Changing the properties for your bullet point:</b></p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77876&w=300"><img onclick="screenshotOpen(this);" title="Bullet point" alt="Bullet point" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77876&w=300"></a> <p>To use an image rather than a plain colour as your bullet point, simply type the location of the image into the 'Image source' box. You can also define the width of the image in pixels.</p> <p>Alternatively if you just want to change the colour of the bullet point, click on the drop-down arrow <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77853&w=50"><img onclick="screenshotOpen(this);" title="colour arrow." alt="colour arrow." onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77853&w=50"></a> This will show the colour palette available:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77234&w=500"><img onclick="screenshotOpen(this);" title="colour" alt="colour" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77234&w=500"></a> <p>Press the <b>Apply</b> and <b>Save</b> buttons to save.</p> <p><b>Changing the background on the RSS panel</b></p> <p>By default the background of the RSS panel is black with a lighting effect.</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85161&w=500"><img onclick="screenshotOpen(this);" title="RSS6" alt="RSS6" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85161&w=500"></a> <p>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 as shown below:</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=77878&w=500"><img onclick="screenshotOpen(this);" title="RSSPanel7" alt="RSSPanel7" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=77878&w=500"></a> <p><b>NB: Please check with the RRS 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.</b></p> <p>e.g. For more information on using BBC feeds, please go to the following website:</p> <p>http://news.bbc.co.uk/1/hi/help/3223484.stm</p> <p><b>Setting metrics for RSS Panel</b></p> <p>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 back to a different size or by changing the number of pixels in to define the panel size.</p> <p>You can also choose the refresh rate for the panel by entering the required article refresh rate for the panel as shown below.</p> <a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&i=85162&w=500"><img onclick="screenshotOpen(this);" title="Config RSS7" alt="Config RSS7" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&i=85162&w=500"></a> </div> |