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.
Up arrow icon