2.2

PrintShop Web Skinning Guide | 32
Content
The rows (<tr> tag) that form the body of the table have the record class selector. In hierarchical
overviews a second class selector is used to specify the level in the hierarchy. The <td> tags contained
by the table row can have different class selectors. This depends on the type of content, examples are:
text, icon and check box.
In the skins supplied with PSW the background color for the element is set when the user places the
cursor over a specific row (hovers).
#tableOverview tr.level0:hover,
#tableOverview tr.level1:hover,
#tableOverview tr.record:hover {
background-color: #E6E6FF;
}
Footer
The last table row is used to display navigation options. The navigation options become visible when
the overview contains more than the number of records set in the setRowsPerPage variable (default
15). Please refer to chapter for more information about this function.
#tableOverview tr.level0:hover,
#tableOverview tr.level1:hover,
#tableOverview tr.record:hover {
background-color: #E6E6FF;
}
Buttons
The buttons below the overview table are created using the <input> tag with a class formButton. The
buttons have a unique id allowing you the specify the style per button. The buttons are enclosed by a
<div> tag with a class of toolbar.