<p>Once you have added a new Display Board, you need to actually design what you would like to appear on it. To do this, simply left-click on it and select <span class="button">Design</span> from the pop-up menu, as shown below:</p>

<img id="border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/display_board_design_1.png" alt="Display board properties" />

<p>The following screen will then appear, which is the design mode of a display board:</p>

<img id="border" src="http://www.tri-line.com/common/img/documentation/tim_enterprise/display_board_design_2.png" alt="Display board properties" />

<p>The display boards are completely customisable and are normally made up of some or all of the following components:</p>

<ul class="content">
    <li>Label panel</li>
    <li>Leader board panel</li>
    <li>Summary panel</li>
    <li>RSS panel</li>
    <li>Web panel</li>
</ul>

<p>To select the type of panel you would like to add to this blank canvas, click on the black button as shown here:</p>

<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77216&amp;w=400"><img onclick="screenshotOpen(this);" title="Select panel" alt="Select panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77216&amp;w=400"></a>

<p>This will expand to offer you a choice of panels as shown below:</p>

<a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77217&amp;w=500"><img onclick="screenshotOpen(this);" title="Select panel 1" alt="Select panel 1" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77217&amp;w=500"></a>

<p>To identify any panel, simply float your mouse over it and the label type will appear as shown below:</p>

<ul class="content">
    <li><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77218&amp;w=300"><img onclick="screenshotOpen(this);" title="Label panel" alt="Label panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77218&amp;w=300"></a></li>
    <li><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77219&amp;w=300"><img onclick="screenshotOpen(this);" title="Leaderboard panel" alt="Leaderboard panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77219&amp;w=300"></a></li>
    <li><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77220&amp;w=300"><img onclick="screenshotOpen(this);" title="Summary panel" alt="Summary panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77220&amp;w=300"></a></li>
    <li><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77221&amp;w=300"><img onclick="screenshotOpen(this);" title="RSS panel" alt="RSS panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77221&amp;w=300"></a></li>
    <li><a onclick="return false;" class="screenshot_img" href="/web.ntl?cmd=docs.getsimg&amp;i=77222&amp;w=300"><img onclick="screenshotOpen(this);" title="Web panel" alt="Web panel" onerror="imageSubtract(this);" onload="imageSubtract(this);" src="/web.ntl?cmd=docs.getsimg&amp;i=77222&amp;w=300"></a></li>
</ul>
<p>In the next example we will create a Display panel that includes four of these panels; label panel, leader board panel, summary panel and RSS panel.</p>