node line connector

[Sampada]

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

[Ivan Zhekov]

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

[Sampada]

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

[Sampada]

Team,

Any update on it?

Thanks,
Sampada

[Ivan Zhekov]

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