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

Attach timeline to swimlanediagram.

3 Answers 87 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Emanuel
Top achievements
Rank 1
Emanuel asked on 18 Aug 2014, 06:26 PM
Hello, Im trying this product to see if it's the right one for my project.

I've copied one of your swimlane projects and now I wonder if its possible to add a timeline in box 2 in the picture, that resizes after the top swimlane. You should be able to pick start and end date, could be hours, days or years.

In box 1 I would like to add different phases that would depend on box 2s timerange. One phase could be 1 month and another could be 4 months and they should get the proper size after how long the phase is.

My plan is to use a treeview and draganddrop items from there over to the swimlanes, would that be possible?

Thanks in advance,

3 Answers, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 20 Aug 2014, 02:22 PM
Hi Emanuel,

Yes, you should be able to add timeline control in the diagram if you wrap it in a RadDiagramShape and place it above the swimlane. Then you can bind the timline's PeriodStart and end PeriodEnd to a properties from your view model. To resize the shape with the timeline accordingly to the swimlane you can bind their Width properties, this will ensure that when you resize one of the shapes the other will be resized too.

As for the phases mentioned in the second paragraph of your reply, I am not sure that I understand what you mean by phases. What are they and how exactly they should look. Can you please give me a little more description about your scenario? This will help me in better understanding it.

You can drag and drop items between any control and the diagram, but this can be achieved with custom drag/drop/serialization/deserialization logic. You can take a look at the Drag Items from a Custom Databound DiagramToolbox help article that demonstrates drag/drop from a control populated with shapes to a RadDiagram. I also attached a project demonstrating drag/drop between ListBox and RadDiagram.

Regards,
Martin
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
0
Emanuel
Top achievements
Rank 1
answered on 07 Sep 2014, 09:11 PM
Thank you for your answer. I've managed to place a timelinecontrol in a shape and the user can select start and end date and choose the width of the timeline. Now the problem is hooking it up with the viewport so the shapes in the diagram "knows" what date they are on. Would you mind explaining how to bind the timelinecontrol to the view model and to the shapes width?

My programming skills in WPF aint the best to be honest.

Thank you in advance, great support!
0
Martin Ivanov
Telerik team
answered on 09 Sep 2014, 01:06 PM
Hi Emanuel,

I don't think I completely understand your scenario. This is why I would ask you to send me a drawing of the expected result and how the timeline, and the other shapes are related. Can you also explain the relation between the shapes in few words.

Furthermore, it would be helpful if you can provide us with a sample project that demonstrates the integration between the timeline control and the diagram in your case. This along with the picture demonstrating the end result will help us in better understanding your requirement and assist you further with your implementation.

Thank you for any help you can provide.

Regards,
Martin
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
Tags
Diagram
Asked by
Emanuel
Top achievements
Rank 1
Answers by
Martin Ivanov
Telerik team
Emanuel
Top achievements
Rank 1
Share this question
or