[ANGULAR] Enabling Critical Path, doesn't show the whole path as critical

[niteshmummidi]

Hi,

when the critical path is enabled on the Bryntum gantt chart, only certain tasks are highlighted, instead I want the whole path to be highlighted which has critical task. How can this be achieved.

[arcady]

Hello,

The feature highlights critical tasks only. I don't have your data but I see some space between the last task and its predecessors which could explain why they are not critical (they can be delayed w/o delaying the project end).
You can check the tasks critical field to understand whether they are critical or not.

Best regards,
Arcady

[niteshmummidi]

Hello,

Thanks for the reply. I understand what is being said, but having said that is there any way to highlight the whole path as critical even if at least one of the task is critical?

[arcady]

Hello,

The feature highlights only critical tasks by design but you don't have to use it for highlighting tasks.
It's just a matter of adding a CSS class to task bar elements. You can make a taskRenderer function to add CSS classes based on your custom condition.

new Gantt({
    taskRenderer({ renderData, taskRecord }) {
        // add "foo" CSS class to task element
        renderData.cls.foo = true;
    },
    ...
});

Best regards,
Arcady

[niteshmummidi]

I tried doing it, the class is getting applied on the who row instead of the task. attached the code and the screenshot

[mats]

What CSS are you using?