Unable to format treeview properly

2 posts, 0 answers
  1. Ryan
    Ryan avatar
    1 posts
    Member since:
    Oct 2014

    Posted 19 Oct 2014 Link to this post

    Hello.

    We have an old application created in silverlight that we now need to replicate in asp.net webforms.  Here's an image of the old page silverlight treeview we need to replicate (note the data aligned to the right as well):
    http://netmarketingllc.com/client/myfiles/Treeview_Siverlight.jpg

    I tried replicating this in the telerik treeview but haven't had much luck with the formatting.  Here's my telerik attempt:
    http://netmarketingllc.com/client/myfiles/treeview_telerik.jpg

    To set it up this way, I had tried an html table, but it seems to be jumping to the next line.  Here's a sample of some html I was inserting (via c# code):
    "<table style='width:100%;'><tr><td style='width:50%;text-align:left;'><b>" + id + "</b> " + headerName + "</td>"
    + "<td style='width:50%;text-align:right;color:blue;'>Total Cost: $" + (totalCost ?? 0).ToString("0.00") + "</td></tr></table>";

    Any idea how I can get my treeview to look similar to the original silverlight version?  In particular, how to keep telerik from doing a line break?
    Thanks
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 22 Oct 2014 Link to this post

    Hello Ryan,

    The second link doesn't work. If you want to hide the line dotted line between the nodes set ShowLineImages property to false:

    <telerik:RadTreeView ID="RadTreeView1" runat="server" MultipleSelect="true" ShowLineImages="false">


    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top