Treeview arrow style

[Jong]

Hello,

I'm trying to create an UI just like Kendo jQuery Filter based on the Angular TreeView.

And I'd like to have lines other than the default arrows that represent the hierarchy like the screenshot.

How can I do this?

I created a stackblitz, and it would be greatly appreciated if could give me the solution based on this.

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

[Svet]

Hi Jong,

Thank you for the provided details.

The desired functionality is not supported out-of-the-box, but can be achieved via a custom implementation and overwriting the built-in TreeView styling, similar to the approach demonstrated in the following Kendo UI for jQuery TreeView hot-to article:

https://docs.telerik.com/kendo-ui/controls/navigation/treeview/how-to/appearance/show-node-lines

This approach can also be adapted to the somewhat different rendering of the Kendo UI for Angular TreeView:

https://stackblitz.com/edit/angular-vqmryk-cpqzii?file=app%2Fapp.component.ts

However, that isn't a supported functionality of the Kendo UI for Angular TreeView component and should be used at the developer own discretion. I hope it helps.

Regards,
Svetlin
Progress Telerik