Enable Deadlines
Navigate to Widget Properties > Deadlines and configure the following parameters:
The
Deadline Field and Passed Deadline Color parameters only appear after you set ShowDeadlines to true. This progressive disclosure keeps the parameter panel clean when deadlines are not in use.
Set Deadline Field to any date-type field on your work items, such as dueDate or a custom date field. The field must contain a date value for the deadline marker to appear.
Understand Overdue Coloring
WhenShowDeadlines is enabled, the Gantt compares each task’s end date against its deadline field value. If the end date extends beyond the deadline, the task bar is styled with the Passed Deadline Color and receives an overdue visual indicator.
Add a Deadline Column to the Grid
You can display deadline dates in the grid panel by adding a column with thedeadline template. Navigate to Widget Properties > Table > Columns and add a column with these settings:
The deadline column template displays dates in a compact format (e.g., “Sep-09”, “Nov-30”). When the task is overdue, the date text turns red to provide a clear visual cue in the grid.
Configure the Passed Deadline Color
SetPassed Deadline Color to any valid CSS color value. Common choices include:
- Named colors:
red,orange,darkred - Hex codes:
#e53935,#ff5722