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 |
Post your comment on this topic.