GanttChartPro is a complete overhaul of the GanttChartLite. It enables tasks to be viewed from a resource (e.g. person, room) perspective, as well as from a task perspective.
| Parameter Name | Description | |
|---|---|---|
| 1 | "startFieldName" | Name of the field containing the task start date. Can be of type TimeStamp or date and needs to be the full name and enclosed in quotes. |
| 2 | "endFieldName" | Name of the field containing the task end date. Can be of type TimeStamp or date and needs to be the full name and enclosed in quotes. |
| 3 | "barLabelFieldName" | Name of the field containing the label to be put on the task. Must be of type Text and needs to be the full name and enclosed in quotes. |
| 4 | "rowLabelFieldName" (opt) |
Name of the field containing the label to be put on the resource. Must be of type Text and needs to be the full name and enclosed in quotes. |
| 5 | "rowIDFieldName" (opt) |
Name of the field containing the ID of the resource. Needs to be the full name and enclosed in quotes. |
| 6 | "colorFieldName" (opt) |
Name of the field containing the Color to be used for the task. The field name needs to be the full name and enclosed in quotes. Note that a hex or RGB() value is expected. |
| 7 | "sortFieldName" (opt) |
Name of the field containing the value by which the data should be sorted. |
| 8 | actionOnClick (opt) |
The name of the script or a command to run on selection of a task. See the notes on Action Parameters below. |
| 9 | filter (opt) |
The name of the field to filter on (fully qualified), then an operator (=, <, >, <=, >=, <>, ~value*), then the filter criteria. The entire parameter is enclosed in quotes. Note: do not put any spaces between the fieldname and the operator. See below. |
It's possible to customize the look, layout and behaviour of many aspects of this Black Box by means of built-in "overrides", which are JavaScript and CSS functions. This is powerful but advanced stuff, and will make most sense if you're familiar with those technologies somewhat to begin with. If you don't want to tackle this yourself, but want it done, contact us - we're happy to be contracted to do this work.
To find out what functional overrides are available, you need to use Override Inspector. To make style and layout changes, use CSS Overrides. The best way to determine what CSS overrides are available is to open the Reactor debugger and click the CSS tab. See CSS Overrides for further info.
In particular, note that the single override GridAccuracy = '1 hour' changes the grid from daily to hourly, as per the following screenshot:
![]()
Comments