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

Kendo Treeview node select

4 Answers 518 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Spoorti
Top achievements
Rank 1
Spoorti asked on 23 May 2018, 09:22 AM
I need to navigate between different components on click of each treeview node in Angular 5. Kindly provide a way to do this

4 Answers, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 25 May 2018, 06:25 AM
Hi Spoorti,

We could use the (selectionChane) event of the TreeView. Once we select a particular node we can programmatically focus another component. For the purpose we could use the focus method of the ComboBox component for example. Check the following sample plunker, that demonstrates this approach:

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

When we select the "Sofas" node, then we will focus the ComboBox.

I hope this helps.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Spoorti
Top achievements
Rank 1
answered on 28 May 2018, 05:14 AM

Hi Svetlin,

I was able to navigate between components using the (selectionchange) event suggested by you. Thank you!

 

Regards,

Spoorti

0
Spoorti
Top achievements
Rank 1
answered on 30 May 2018, 04:20 AM

Hello,

I need to vertically align the images appearing after the text of each node in a Kendo UI treeview (Angular 5) to be in the same vertical line irrespective of the length of each node text. I tried using float, margin, padding, vertical-align on images but it does'nt work. Please let me know a way to achieve this.

0
Accepted
Svet
Telerik team
answered on 31 May 2018, 10:16 AM
Hi Spoorti,

Thank you for the screenshot.

We can achieve the desired functionality by using the node template. Basically, it allows us to nest any custom HTML and CSS in order to achieve the desired design.

I would also like to ask you to open new threads for questions that are not directly related to each other as this will facilitate a better support history of your account and helps us to provide a better support service in general.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Spoorti
Top achievements
Rank 1
Answers by
Svet
Telerik team
Spoorti
Top achievements
Rank 1
Share this question
or