How to change the colour of the dependency lines

1 Answer 14 Views
Gantt
Murray
Top achievements
Rank 1
Iron
Iron
Veteran
Murray asked on 18 Sep 2025, 10:12 AM | edited on 18 Sep 2025, 12:24 PM

How can i change the colour of the lines drawn between the different tasks if i specify dependencies between them?

Also is there any way to dynamically change the slotWidth of the kendo-gantt-timeline-year-view components.  I want to hook up a slider to drive the slotWidth value to be able to zoom in and out of the chart. Is this possible? 

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 19 Sep 2025, 06:21 AM

Hi Murray,

Currently, there isn't an option to color the connection lines of the dependencies, and what I can suggest is to add a vote and comment for such an option to the following feature request:

https://feedback.telerik.com/kendo-angular-ui/1639489-provide-an-option-to-color-highlight-the-selected-task-dependency-path

Regarding slotWidth, you can adjust it dynamically with a slider and call the updateView method to refresh the view with the new slot width:

https://stackblitz.com/edit/angular-pekj3f8y?file=src%2Fapp%2Fapp.component.ts

Feel free to also add a vote to the following feature request for built-in zoom functionality:

https://feedback.telerik.com/kendo-angular-ui/1563227-zoom-in-zoom-out

I hope this helps.

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Murray
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 19 Sep 2025, 10:13 AM

Regarding the dependencies color option it is possible to override the styling:

:host ::ng-deep .k-gantt .k-gantt-dependencies-svg polyline {

  stroke: white!important;
}
Tags
Gantt
Asked by
Murray
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Yanmario
Telerik team
Share this question
or