Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<h2>What is a Web panel?</h2>

<p>A web panel is, as the name suggests, simply a panel which displays a web page.</p>

<p>In the display board below, you can see BBC News page on the right half of the board.</p>

<img id="border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/display_board_2.png" alt="Web panel" />

<h2>How do I add a Web panel?</h2>

<p>To add a web panel, click on the <img id="icon" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/panel_type_button.png" /> button and then select the <img id="icon" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/rss_panel.png" /> button, as shown below:</p>

<img src="http://www.tri-line.com/common/img/documentation/tim_enterprise/add_web_panel_1.png" alt="Add Web panel" />

<p>The list of panels types available immediately disappears and a blank screen will appear with the white cross-like pointer sign indicating where the panel will begin on the screen.</p>

<img src="http://www.tri-line.com/common/img/documentation/tim_enterprise/add_web_panel_12.png" alt="Add Web panel" />

<h2>How do I customise my Web panel?</h2>

<p>To editcustomize theyour Webweb panel properties, click on the <img altid="Edit_small" title="Edit_small" onerror="imageSubtract(this);" onload="imageSubtract(this);" icon" src="http:/web.ntl?cmd=docs.getimg&amp;i=77869"/www.tri-line.com/common/img/documentation/tim_enterprise/pointer_button.png" /> button on the top left- hand side of the screen. 
Then click on the <img altid="Nuticon" title="Nut" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="http:/web.ntl?cmd=docs.getimg&amp;i=77867"> to access/www.tri-line.com/common/img/documentation/tim_enterprise/nut_button.png" /> icon of the panel properties that you want to customise, as shownshon below:</p>

<a<img onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77963&amp;w=550"><img onclick="screenshotOpen(this);" title="Change Web Panel prop" alt="Change Web Panel prop" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77963&amp;w=550"></a>
src="http://www.tri-line.com/common/img/documentation/tim_enterprise/add_web_panel_3.png" alt="Add Label panel" />

<p>The following screen will appear:</p>

<img src="http://www.tri-line.com/common/img/documentation/tim_enterprise/web_panel_properties_1.png" alt="Web panel properties" />


<h4>Content</h4>

<p>Then type the details of the web page you would like to appear or 'Ctrl V' to paste. Then press <b>Check</b></p>
<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=85163&amp;w=550"><img onclick="screenshotOpen(this);" title="Web P1" alt="Web P1" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=85163&amp;w=550"></a>
<p>Then add a name as shown below:</p>
<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=85164&amp;w=550"><img onclick="screenshotOpen(this);" title="Web P2" alt="Web P2" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=85164&amp;w=550"></a>
<p>This will appear as follows:</p>
<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=85165&amp;w=550"><img onclick="screenshotOpen(this);" title="Web P3" alt="Web P3" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=85165&amp;w=550"></a>
<p>A very basic example is shown below. Note however taht you can create your own web pages containing any information you want to display and show here.</p>
<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77967&amp;w=550"><img onclick="screenshotOpen(this);" title="Web page 1" alt="Web page 1" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77967&amp;w=550"></a>