This is a migrated thread and some comments may be shown as answers.

RadTreeView child nodes in vertical order instead of Horizontal

1 Answer 113 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Ramesh
Top achievements
Rank 1
Ramesh asked on 21 Sep 2012, 04:09 AM
Hi,

My RadTreevies displays child nodes in horizontal order.
Image attached, How can I chage it to veritical order?

Here is my aspx.

 

<telerik:RadTreeView ID="radTreeViewUsers" MultipleSelect="true" EnableDragAndDrop="true"
  
Height="500px"  runat="server">
  
</telerik:RadTreeView>

This is how I bind data.

 

 

 

 

 

radTreeViewUsers.DataSource = dt1;
radTreeViewUsers.DataFieldParentID = "MANAGER_USER_PROFILE_ID";
  
radTreeViewUsers.DataTextField = "FULLNAME_WITH_PROFILE";
  
radTreeViewUsers.DataValueField = "USER_PROFILE_ID";
  
radTreeViewUsers.DataBind();
  
radTreeViewUsers.ExpandAllNodes();

Appreciate your help here.

Thanks,
Ramesh

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 21 Sep 2012, 07:06 AM
Hi Ramesh,

Try the following css to achieve your scenario.

CSS: 
<style type="text/css">
 .RadTreeView ul
  {
    display: table; 
  }
  .RadTreeView ul li
  {
   display:table-cell;
  }
</style>

Thanks,
Princy.
Tags
TreeView
Asked by
Ramesh
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or