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

Is It possible to show all Child Nodes of a parent node in a horizental line instead of vertical line

I am using SFTree View, I have a node with 7 child nodes, I want to show all child nodes in a horizontal line below the parent node. Can i achieve this functionality


1 Reply

IL Indhumathy Loganathan Syncfusion Team February 22, 2023 12:22 PM UTC

Hi Adnan,


Greetings from Syncfusion support.


You can perform CSS level customizations to render the sub children nodes of the TreeView in a horizontal line. Also, you need to set the FullRowSelect property for TreeView as false. Check out the below changes.


<SfTreeView TValue="TeamDetails" ID="DestTree" FullRowSelect=false>

...

<style>

  .e-list-item .e-level-2 {

      display: inline-block;

      margin-right: 10px;

  }

</style>


For your reference, we have attached a sample.


https://www.syncfusion.com/downloads/support/directtrac/general/ze/BLAZOR~21316198348


Regards,

Indhumathy L


Loader.
Live Chat Icon For mobile
Up arrow icon