7.1

Table Of Contents
The Companies overview table
An overview table consists of the following elements:
l Head (dark blue bar)
l Subhead
l Content (the actual records)
l Footer (navigation/browse bar)
l 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 id="companyOverviewFormContent">
<table cellspacing="0" cellpadding="0" id="tableOverview">
<thead>
<tr>
<th colspan="8" id="cCompanyOverviewHeader">
Companies overview<span>(3 items)</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td id="select_header">
<input type="checkbox" value="0" name="select" id="headerField"
onclick="doSelectAll()"/>
</td>
<td id="fbCheckLogin_header">
<span/>
</td>
<td colspan="2" id="cName_header">Name</td>
<td id="cCompanyCode_header">Company code</td>
<td id="_header"><span/></td>
<td id="_header"><span/></td>
<td id="_header"><span/></td>
</tr>
<tr>
<td id="fnCheckCompanyID[]_2">
<input type="checkbox" value="2" name="fnCheckCompanyID[]"
id="2Field"/>
</td>
...
</tr>
</tbody>
©2010 Objectif Lune Inc - 233 -