I have used the Lookless Layout example to develop an Org Chart solution, however the IsLineEnabled="True" Property does not create lines between the Panels.
Is there anyway I could get lines between the Panels for the Lookless Layout example?
If not, is there anyway to turn the standard TreeView into a horizontal, centered, top down tree (like an org chart)?
Glenn.
Is there anyway I could get lines between the Panels for the Lookless Layout example?
If not, is there anyway to turn the standard TreeView into a horizontal, centered, top down tree (like an org chart)?
Glenn.
12 Answers, 1 is accepted
0
Hi Glenn,
This is not an easy task - here is how this problem is resolved in WPF - http://wpfblog.info/2008/05/26/turning-a-treeview-into-an-org-chart-with-connectors/. It will be a challenge to implement it for Silverlight - but you can give it a try - we will be glad to assist you.
For your second question - yes - the TreeView can be rendered horizontaly - actually this is how it is done in the Lookless example. You just need to change the TreeView ItemsPanel like that:
<telerik:RadTreeView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel
VerticalAlignment="Top"
Orientation="Horizontal"
HorizontalAlignment="Center" />
</ItemsPanelTemplate>
</telerik:RadTreeView.ItemsPanel>
Another example that may be of help and is doing similar treeview transformations is available here:
http://www.silverlightshow.net/items/Creating-a-simple-Pivot-table-using-LINQ-and-RadTreeView-for-Silverlight.aspx
Let us know how it goes - it seems an interesting thing to be done - we will be glad if we manage to help you build it.
Best wishes,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
This is not an easy task - here is how this problem is resolved in WPF - http://wpfblog.info/2008/05/26/turning-a-treeview-into-an-org-chart-with-connectors/. It will be a challenge to implement it for Silverlight - but you can give it a try - we will be glad to assist you.
For your second question - yes - the TreeView can be rendered horizontaly - actually this is how it is done in the Lookless example. You just need to change the TreeView ItemsPanel like that:
<telerik:RadTreeView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel
VerticalAlignment="Top"
Orientation="Horizontal"
HorizontalAlignment="Center" />
</ItemsPanelTemplate>
</telerik:RadTreeView.ItemsPanel>
Another example that may be of help and is doing similar treeview transformations is available here:
http://www.silverlightshow.net/items/Creating-a-simple-Pivot-table-using-LINQ-and-RadTreeView-for-Silverlight.aspx
Let us know how it goes - it seems an interesting thing to be done - we will be glad if we manage to help you build it.
Best wishes,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Glenn
Top achievements
Rank 1
answered on 06 Aug 2008, 09:48 AM
Thanks Valentin,
Yes it would be great if we could get this working!
I may have a go at seeing if we can get it to work from the WPF example you have sent. But looks tricky.
I'm also interested in that you have said it may be possible with the standard treeview. The issue with the example you have sent (http://www.silverlightshow.net/items/Creating-a-simple-Pivot-table-using-LINQ-and-RadTreeView-for-Silverlight.aspx) is that only the top level is horizontal. From the second level on the data is presented vertically. In an org chart we would require all levels to be horizontal.
Let me see if I can show you what I mean:-
John,CEO
Jack, CTO Jill, CFO
James, Support Julie, Development Jacqui, AP Jenny, AR
All 3 levels are horizontal. Is this possible with the standard treeview control?
Glenn.
Yes it would be great if we could get this working!
I may have a go at seeing if we can get it to work from the WPF example you have sent. But looks tricky.
I'm also interested in that you have said it may be possible with the standard treeview. The issue with the example you have sent (http://www.silverlightshow.net/items/Creating-a-simple-Pivot-table-using-LINQ-and-RadTreeView-for-Silverlight.aspx) is that only the top level is horizontal. From the second level on the data is presented vertically. In an org chart we would require all levels to be horizontal.
Let me see if I can show you what I mean:-
John,CEO
Jack, CTO Jill, CFO
James, Support Julie, Development Jacqui, AP Jenny, AR
All 3 levels are horizontal. Is this possible with the standard treeview control?
Glenn.
0
Hi Glenn,
Yes - it is possible, but without the connecting lines. Let me know if this works for you without the lines and I'll prepare you an example.
Sincerely yours,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Yes - it is possible, but without the connecting lines. Let me know if this works for you without the lines and I'll prepare you an example.
Sincerely yours,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Glenn
Top achievements
Rank 1
answered on 06 Aug 2008, 11:36 AM
Thanks Valentin,
A sample without the lines would be great, as this would be a very compact way of achieving the org chart. keep in mind that an org chart would have many more than 3 levels, so it needs to be flexible.
Thanks!
Glenn.
A sample without the lines would be great, as this would be a very compact way of achieving the org chart. keep in mind that an org chart would have many more than 3 levels, so it needs to be flexible.
Thanks!
Glenn.
0
Hello Glenn,
find attached the project with horisontal aligment of the treeview items.
There are 2 key things that are done in order the scenario to be achieved:
1. Set the RadTreeView ItemsPanel property,
2. Set the Style for each RadTreeViewItem
Let me know if this works for you. By modifying the template of the RadTreeViewItem to match the look you want to achieve I believe that you will be able to implement your design easy.
Let me know if you need any help with this, or if you try to implement the connector lines :).
Regards,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
find attached the project with horisontal aligment of the treeview items.
There are 2 key things that are done in order the scenario to be achieved:
1. Set the RadTreeView ItemsPanel property,
2. Set the Style for each RadTreeViewItem
Let me know if this works for you. By modifying the template of the RadTreeViewItem to match the look you want to achieve I believe that you will be able to implement your design easy.
Let me know if you need any help with this, or if you try to implement the connector lines :).
Regards,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Glenn
Top achievements
Rank 1
answered on 07 Aug 2008, 02:16 AM
Hi Valentine,
Thank you so much for your assistance, I think we now have a solution that will work for us. I have not tried to impliment the connector lines, but may at a later stage once we get the entire application released.
I have a few more questions, which I think you may also find interesting. Will post seperately for those.
Oh, one more question.....we are likely to release in a little under 2 months, so can we use this Beta control? Also when is it due for release?
Glenn.
Thank you so much for your assistance, I think we now have a solution that will work for us. I have not tried to impliment the connector lines, but may at a later stage once we get the entire application released.
I have a few more questions, which I think you may also find interesting. Will post seperately for those.
Oh, one more question.....we are likely to release in a little under 2 months, so can we use this Beta control? Also when is it due for release?
Glenn.
0
Hi Glenn,
Great to hear that!
Yes - you can use our controls right now in customer projects - they have a GoLive license - no worries about that.
Our official release will be with the Telerik Q3.2008 release at the beginning of November - I hope that the Silverlight plugin will has an official version until then.
All the best,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Great to hear that!
Yes - you can use our controls right now in customer projects - they have a GoLive license - no worries about that.
Our official release will be with the Telerik Q3.2008 release at the beginning of November - I hope that the Silverlight plugin will has an official version until then.
All the best,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Humberto
Top achievements
Rank 1
answered on 22 Oct 2008, 05:21 PM
I tried that but cant get it to display the items horizontally, do you have an example i can download?
0
Humberto
Top achievements
Rank 1
answered on 22 Oct 2008, 05:48 PM
can the treeview be modifed to display its items like this : http://blogs.msdn.com/synergist/pages/silverlight-map.aspx ?
0
Hello Humberto,
Yes - the treeview can be customised to look like that. you need to play a bit with the ControlTemplate and to change the ItemsPanel. Please take a look at the source of this example:
http://demos.telerik.com/silverlight/#Examples/TreeView/Lookless
Greetings,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Yes - the treeview can be customised to look like that. you need to play a bit with the ControlTemplate and to change the ItemsPanel. Please take a look at the source of this example:
http://demos.telerik.com/silverlight/#Examples/TreeView/Lookless
Greetings,
Valentin.Stoychev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Alex Tang
Top achievements
Rank 1
answered on 15 Mar 2010, 03:39 AM
I got the same problem of requiring to show line between parent and child nodes in a vertically centered top down treeview while using control template. Is there any sample code for reference? Thanks!
0
Hello Alex,
Since the link Humberto has posted is no longer accessible, can you please explain better what look you are after?
Sincerely yours,
Tihomir Petkov
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Since the link Humberto has posted is no longer accessible, can you please explain better what look you are after?
Sincerely yours,
Tihomir Petkov
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.