How to highlight an entire row of a TreeView Item when it is selected or mouseover

[Madawa Wipulaguna]

Hi,

     We have implemented the treeview with a template and angular js. By default when we hover over or select an item, it highlights only the area which has the text of the treeview item. So the questions are :

1 - How we can customize the treeview to highlight the entire row of the treeview item when we hover over or select an item. 

2 - How we can make the treeview to select the item when we click on anywhere in the highlighted row?

Please find the demo of how we have implemented the treeview in the below link.

http://jsplayground.syncfusion.com/j32tn4pi

I have attached an image to show how it should look like.

Best Regards,

Madawa

Attachment: expected_solution_f29b0d38.rar

[Piramanayagam Ramakrishnan]

Hi Madawa, 

 

We have checked with your query and created a new incident under your account to track the status of the issue reported in this forum. Please log on to our support website to check for further updates. 

 

https://www.syncfusion.com/account/login?ReturnUrl=%2fsupport%2fdirecttrac%2fincidents 

 

Regards, 

Piramanayagam R

[Satheesh Kumar]

Hi

We also have simlar requirement. Can you please update the answer here.

[Ashokkumar Balasubramanian]

Hi Satheesh Kumar, 

 

We have provided new API called “fullRowSelect” for this requirement. This property is used to enable/disable the full row selection support in TreeView control.  

  

We have live demo sample for your requirement. Please refer the below link,  

 

https://js.syncfusion.com/demos/web/#!/bootstrap/treeview/FullRowSelect 

  

For more details on the Full Row Selection support, please refer to the help document link:

 

https://help.syncfusion.com/js/treeview/full-row-selection 

 

Please let us know, if you have any concern on this 

 

Regards, 

Ashokkumar B. 

[Satheesh Kumar]

Hi

Thanks for your solution and i really appreciate your support.

[Ashokkumar Balasubramanian]

Hi Sathish Kumar, 

 

Most Welcome. 

 

Please let us know, if you need any further assistance. 

 

Regards, 

Ashokkumar B.