Customize CSS classes

Some basic knowledge of CSS (Cascading Style Sheets) is required in order to customize the appearance of HTML reports.

The css classes are located in a file called “ganttChart.css” or “opi.css” in \config\htmlreport. The “styleSheet” attribute of the tag decides which css file is used.

In order to customize (or create new) css classes copy the entire “htmlreport” folder to the “custom” folder and then edit the css file with an editor”.

List of predefined CSS classes

This is the commonly used CSS classes. It’s not advised to alter them because most existing reports will also be changed. Instead create a new one based on an existing class.

Css class Width
smallColumn 2em
wideColumn 4em
mediumWideColumn 8em
veryWideColumn 12em
ultraWideColumn 18em


Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment