7.0

4.7 Overview tables
Overview pages show tabular data (for example the Companies, Users and Publication Types pages). An
overview table is build using the table tag and follows the regular HTML <table> tag structure.
The Companies overview table
An overview table consists of the following elements:
• Head (dark blue bar)
• Subhead
• Content (the actual records)
• Footer (navigation/browse bar)
• Buttons (tool bar)
Looking at the source of an overview table page you can see that the table is part of a more complex
hierarchy. The following code snippet shows a stripped version of an overview page:
<div class="content" id="companyOverviewFormContent">
<table cellspacing="0" cellpadding="0" id="tableOverview" class="cCompanyOverview">
<thead>
<tr>
<th colspan="8" id="cCompanyOverviewHeader">
Companies overview<span class="recordsfound">(3 items)</span>
</th>
</tr>
</thead>
<tbody>
<tr class="subhead">
<td class="checkbox" id="select_header">
<input type="checkbox" value="0" name="select" id="headerField"
class="formCheckbox " onclick="doSelectAll()"/>
</td>
<td class="icon" id="fbCheckLogin_header">
<span class="icon_online_status"/>
</td>
<td colspan="2" class="static" id="cName_header">Name</td>
<td class="static" id="cCompanyCode_header">Company code</td>
<td class="icon" id="_header"><span class="icon_pubtypes"/></td>
<td class="icon" id="_header"><span class="icon_group"/></td>
<td class="icon" id="_header"><span class="icon_user"/></td>
</tr>
<tr class="record level0">
<td class="checkbox" id="fnCheckCompanyID[]_2">
<input type="checkbox" value="2" name="fnCheckCompanyID[]"
id="2Field" class="formCheckbox "/>
</td>
...
</tr>
</tbody>
Objectif Lune Inc. © 2010 28