2.2
PrintShop Web Skinning Guide | 30
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 id="content">
<form method='POST' name='companyOverviewForm' action='site.php?
formid=company_overview_form' id="companyOverviewForm">
<div id="companyOverviewFormContent" class="content">
<table class="cCompanyOverview" id="tableOverview">
<tr>
<th id="cCompanyOverviewHeader" colspan="8">Company overview</th>
</tr>
<tr class="subhead">
<td id="select_header" class="checkbox" >
<input type="checkbox" onClick='doSelectAll()' class="formCheckbox "
id="headerField" name="select" value=""/>
</td>
<td id="cName_header" class="static">Name</td>
<td id="cCompanyCode_header" class="static" >Company code</td>
</tr>
<tr class="record level0">
<td id="fnCheckCompanyID[]_3" class="checkbox">
<input type="checkbox" class="formCheckbox " id="3Field" name="fnCheckCompanyID[]"
value="3"/>
</td>
<td id="cCompanyName_3" class="text"><a href='site.php?
pageid=company_properties&id=3'>4x4 Parts & Co</a></td>