Highlight critical path with border

Gantt
#1

Team, is it possible to do like this?

image
image529×615 37.8 KB

#2

Hello Balaji,
Gantt doesn’t have a built-in way to do that. You will need to implement a custom solution by using the Gantt API and Javascript.
To display custom HTML elements in the timeline, you need to use the addTaskLayer method:
https://docs.dhtmlx.com/gantt/api__gantt_addtasklayer.html

Then you will need to implement the logic to define the boundaries and get the tasks you need. After that, you can return the HTML element to show the border.

I have the following example of the implementation for showing the border after clicking on the parent tasks:
https://snippet.dhtmlx.com/5/1f5a67af5

Here is an example of the implementation that will work with the simple dataset, when there is a single predecessor for each task:
https://snippet.dhtmlx.com/ybrakfu6

It will help you to start implementing your solution.