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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Treeview with multiple line content

Thread ID:

Created:

Updated:

Platform:

Replies:

142816 Feb 20,2019 07:44 PM UTC Feb 21,2019 05:48 PM UTC React - EJ 2 1
loading
Tags: Treeview
Ryan Ngoh
Asked On February 20, 2019 07:44 PM UTC

I am making a list with draggable items, I found a post that says I have to use TreeViewComponent to mimic the drag ability. I have a TreeViewComponent and using nodeTemplate to load a custom template with multiple lines. (These items may have a lot of text and is required to take multiple lines)
<div><p>{item.id}</p><p>{item.address}</p><p>{item.otherInfo}</p></div>

How would I adjust the draggable row height (element class: e-fullrow) to be the same as the row content (element class: e-text-content)?

Attachment: ipm7n3.run_e07f1663.zip

Silambarasan I [Syncfusion]
Replied On February 21, 2019 05:48 PM UTC

Hi Ryan, 
 
Thank you for contacting Syncfusion support. 
 
We have checked your reported query and you can set the draggable row height (element class: e-fullrow) to be the same as the row content (element class: e-text-content) by using the following code snippet. 
 
 
element.style.height = element.nextElementSibling.offsetHeight +"px"; 
 
 
In the below example, we set the height for the element while hovering the node using mouseover event and also, we set the height of the droppedNode. Please refer the following sample 
 
Sample: 
 
Could you please check the above sample and get back to us if we misunderstood your requirement or need further assistance? 
 
Regards, 
Silambarasan 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon