RadTreeView child nodes in vertical order instead of Horizontal

2 posts, 0 answers
  1. Ramesh
    Ramesh avatar
    1 posts
    Member since:
    Sep 2012

    Posted 20 Sep 2012 Link to this post

    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

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 21 Sep 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top