node line connector

5 posts, 1 answers
  1. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 18 Jul 2012 Link to this post

    Team

    I have configured the rad tree as follows 
       <telerik:RadTreeView ID="trvNodes" runat="server" AllowNodeEditing="true" OnContextMenuItemClick="trvNodes_OnContextMenuItemClick" OnClientLoad="trvNodes_OnClientLoad"
                                                EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="true" OnNodeDrop="trvNodes_HandleDrop" OnClientNodeDropping="trvNodes_OnClientNodeDropping"
                                                OnClientContextMenuItemClicking="trvNodes_onClientContextMenuItemClicking" CheckBoxes="true" ShowLineImages="true" 
                                                TriStateCheckBoxes="true" OnNodeEdit="trvNodes_NodeEdit" OnClientContextMenuShowing="trvNodes_onClientContextMenuShowing"
                                                OnClientNodeChecked="trvNodes_ClientNodeChecked" OnClientNodeEditing="trvNodes_onNodeEditing"
                                                OnClientNodeEditStart="trvNodes_OnClientNodeEditStart"></telerik:RadTreeView>

    and data binded to it as follows on pageload 

      trvNodes.DataFieldID = "NODE_ID";
            trvNodes.DataFieldParentID = "PARENT_NODE_ID";
            trvNodes.DataTextField = "NODE_NAME";
            trvNodes.DataValueField = "NODE_ID";
            trvNodes.DataSource = tdnode;
            trvNodes.DataBind();

    but rad tree is not showing nodes connected line .
    Is there something which I have missed?
    Please reply ASAP
  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 18 Jul 2012 Link to this post

    Hi, Sampada.

    You have done everything right.

    Yet, some skins do not have node lines -- Metro, Office2010Blue, Vista and Windows7. By any chance, are you using any of them?

    Also, could you attach a screenshot of how your tree looks?

    Kind regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 19 Jul 2012 Link to this post

    Thanks for your quick reply.

    I am using vista skin.
    I have attached the screenshot for it.
    Is there any way to show nodes connected line with this skin?

    Regards,
    Sampada
  5. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 20 Jul 2012 Link to this post

    Team,

    Any update on it?

    Thanks,
    Sampada
  6. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 23 Jul 2012 Link to this post

    Hello, Sampada.

    Those skins that I mentioned, including Vista that you are using, do not have node lines by design. To add them you will need to make a custom skin or extend the current one.

    The easiest would be do splice together two skins and with Vista being a lite coloured skin you might splice almost any two skins.

    At the end your snippet should look like the following:

    .RadTreeView_Vista .rtLines .rtLI,
    .RadTreeView_Vista .rtLines .rtFirst .rtUL { background-image: url("NodeSpan.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtLI,
    .RadTreeView_Vista_rtl .rtLines .rtFirst .rtUL { background-image:url("NodeSpan_rtl.png"); }
     
    .RadTreeView_Vista .rtLines .rtFirst,
    .RadTreeView_Vista .rtLines .rtFirst .rtUL { background-image: url("FirstNodeSpan.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtFirst,
    .RadTreeView_Vista_rtl .rtLines .rtFirst .rtUL { background-image: url("FirstNodeSpan_rtl.png"); }
    .RadTreeView_Vista .rtLines .rtLast,
    .RadTreeView_Vista .rtLines .rtLast .rtUL { background-image: none; }
     
    .RadTreeView_Vista .rtLines .rtTop { background-image:url("TopLine.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtTop { background-image:url("TopLine_rtl.png"); }
    .RadTreeView_Vista .rtLines .rtMid { background-image:url("MiddleLine.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtMid { background-image:url("MiddleLine_rtl.png"); }
    .RadTreeView_Vista .rtLines .rtBot { background-image:url("BottomLine.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtBot { background-image: url("BottomLine_rtl.png"); }
    .RadTreeView_Vista .rtLines .rtLast .rtTop { background-image:url("SingleLine.png"); }
    .RadTreeView_Vista_rtl .rtLines .rtLast .rtTop { background-image:url("SingleLine_rtl.png"); }

    Of course you should tweak the styles to match the URL to  your local solution.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017