Kendo tree - Show Lines between Nodes

[Bogdan]

Hello,

It's possible to display lines with different width and color between nodes?

Regards,

Bogdan

 

[Dimiter Topalov]

Hello Bogdan,

There is no built-in TreeView component functionality that matches the description, but there are couple of approaches for a custom implementation to achieve the desired result.

You can overwrite the built-in styling and provide different borders for items depending on custom criteria like their level in the hierarchy, their position, etc. Here is an example of this approach:

https://plnkr.co/edit/gNUi7NrVdhVfIlRK0TBw?p=preview

You can also utilize the TreeView Node templates and provide custom elements with the desired width and color, possibly based on some property of the data item, associated with the respective node, e.g.:

https://plnkr.co/edit/9uLDgMIc6TtleIvSfiWM?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Peter Chapman]

Dimiter,

These plunkers didn't work for me, i just got red swirlys. It's a shame because they are exactly what I needed.

Please can you check them?

Thanks

Pete

 

[Svet]

Hi Pete,

Here are links to the updated sample plunkers:

https://plnkr.co/edit/NbLJvIjdJvEyeClr3UUz?p=preview

and

https://plnkr.co/edit/1Mpo9FTGx6syaAKHolia?p=preview

Regards,
Svetlin
Progress Telerik

[Latha]

These plunker links are not working anymore, can you pls provide updated one?