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

node line connector

4 Answers 36 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Sampada
Top achievements
Rank 1
Sampada asked on 18 Jul 2012, 02:43 PM
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

4 Answers, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 18 Jul 2012, 05:03 PM
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.
0
Sampada
Top achievements
Rank 1
answered on 19 Jul 2012, 05:40 AM
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
0
Sampada
Top achievements
Rank 1
answered on 20 Jul 2012, 10:38 AM
Team,

Any update on it?

Thanks,
Sampada
0
Accepted
Ivan Zhekov
Telerik team
answered on 23 Jul 2012, 11:11 AM
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.
Tags
TreeView
Asked by
Sampada
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Sampada
Top achievements
Rank 1
Share this question
or