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

IsLineEnabled does not work with Lookless Layout

12 Answers 91 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Glenn
Top achievements
Rank 1
Glenn asked on 06 Aug 2008, 08:14 AM
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.

12 Answers, 1 is accepted

Sort by
0
Valentin.Stoychev
Telerik team
answered on 06 Aug 2008, 09:09 AM
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.
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.
0
Valentin.Stoychev
Telerik team
answered on 06 Aug 2008, 11:24 AM
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.
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.
0
Valentin.Stoychev
Telerik team
answered on 06 Aug 2008, 01:18 PM
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.
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.
0
Valentin.Stoychev
Telerik team
answered on 07 Aug 2008, 08:23 AM
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.
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
Valentin.Stoychev
Telerik team
answered on 23 Oct 2008, 08:38 AM
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.
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
Tihomir Petkov
Telerik team
answered on 17 Mar 2010, 02:50 PM
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.
Tags
TreeView
Asked by
Glenn
Top achievements
Rank 1
Answers by
Valentin.Stoychev
Telerik team
Glenn
Top achievements
Rank 1
Humberto
Top achievements
Rank 1
Alex Tang
Top achievements
Rank 1
Tihomir Petkov
Telerik team
Share this question
or