This is a migrated thread and some comments may be shown as answers.

Treeview arrow style

1 Answer 393 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Jong
Top achievements
Rank 1
Veteran
Jong asked on 24 Mar 2021, 02:44 PM

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

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 26 Mar 2021, 09:37 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TreeView
Asked by
Jong
Top achievements
Rank 1
Veteran
Answers by
Svet
Telerik team
Share this question
or