We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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

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.

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

Best Regards,
Madawa

Attachment: expected_solution_f29b0d38.rar

5 Replies

PR Piramanayagam Ramakrishnan Syncfusion Team May 26, 2016 01:19 PM UTC

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. 
 
 
Regards, 
Piramanayagam R


SK Satheesh Kumar March 10, 2018 08:09 AM UTC

Hi

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


AB Ashokkumar Balasubramanian Syncfusion Team March 12, 2018 09:10 AM UTC

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,  
 
  
For more details on the Full Row Selection support, please refer to the help document link:

 
 
Please let us know, if you have any concern on this 
 
Regards, 
Ashokkumar B. 



SK Satheesh Kumar March 13, 2018 07:13 AM UTC

Hi

Thanks for your solution and i really appreciate your support.


AB Ashokkumar Balasubramanian Syncfusion Team March 14, 2018 12:42 PM UTC

Hi Sathish Kumar, 
 
Most Welcome. 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Ashokkumar B. 


Loader.
Live Chat Icon For mobile
Up arrow icon