This is a list of CSS classes used to mark Gantt chart elements.
All class names will be prefixed with theme property value. For theme="gantt_default" this means _message will result in gantt_default_message class.
Close icon of the message bar.
Main task box
Inner task box.
The floating div overlay displayed when the task box start is not in the viewport.
Built-in delete icon.
A selected task box (in addition to _event).
Complete bar background, full width. Inside _event.
The percentage part of the complete bar. Inside _event_bar.
Task boxes that start outside of the visible area.
Task boxes that end outside of the visible area.
Task group box. In addition to _event.
Milestone box. In addition to _event.
A div displaying custom text next to the task (on the left).
A div displaying custom text next to the task (on the right).
Horizontal line, part of a link.
Vertical line, part of a link.
End of a link, an arrow pointing right.
End of a link, an arrow pointing left.
End of a link, an arrow pointing down.
Added to all links elements when the link is focused (on hover).
Drag and Drop Shadow
Moving/resizing shadow marker.
Position indicator div next to the shadow (on the left).
Position indicator div next to the shadow (on the right).
Added to _shadow when the shadow overlaps an existing event.
1px horizontal line between rows in the resource header.
Applied to every cell in the row header, including additional columns.
Applied to every header cell in a selected row, in addition to _rowheader.
Applied to additional columns, in addition to _rowheader.
Additional columns, in addition to _rowheadercol and _rowheader.
Examples: _rowheadercol1, _rowheadercol2
Expand icon box. Inside _rowheader and _rowheader_inner.
Collapse icon box. Inside _rowheader and _rowheader_inner.
No children icon box. Inside _rowheader and _rowheader_inner.
The drag handle used for row moving.
An overlay div created over the source row header during row moving.
Target position indicator during row moving ("before").
Target position indicator during row moving ("after").
Target position indicator during row moving ("child").
Target position indicator during row moving ("forbidden").
The hide/show icon in the upper-left corner of the viewport that will let you hide and show the row header.
Used for the icon when the row header is visible (in addition to _header_icon).
Used for the icon when the row header is hidden (in addition to _header_icon).
A div that includes the column header cells.
Column header cell.
Splitter div between two columns.
The topmost div.
The vertical splitter line between resources and the time part.
Horizontal 1px line between upper-left corner and resources.
An overlay div used to block the Gantt control during CallBacks.
Upper-Left Corner Cell
Upper-left corner box.
Main scrollable area with time cells.
Grid with time cells, inside _scrollable.
1px horizontal line between time cells.
1px vertical line between time cells.
1px vertical line placed over _matrix_vertical_line if there is a time break at this point - a hidden column for ShowNonBusiness=false.
Time cell. Only in full rendering mode (see _cellcolumn below).
Cells marked as business. In addition to _cell.
Cells in a selected row. In addition to _cell.
Time header cells.