How do I make a loaded (pre-defined) diagram interactive with commands, etc?

[The Nimble Coder]

Hello, 

Using the DiagramDesignToolBox_WPF project diagram control (from Telerik's github) samples, I created a basic diagram. See attached.

Once the diagram is loaded, is it possible to associate commands such as click, be able to update the diagram object's background color, be able to update the diagram object's text, etc.?

Thanks,

Mark

One last question:

My Telerik subscription provides me with X support tickets per year but I can't find where to create a new support ticket. I see my past tickets that I've created but no where can I start a new one. How can I start a 'priority' question that is associated with my paid Telerik subscription?

[Dilyan Traykov]

Hello Mark,

Thank you for the provided XML declaration.

Generally speaking, you can handle the ShapeDeserialized event of the control and apply any additional logic you require there:

        private void diagram_ShapeDeserialized(object sender, ShapeSerializationRoutedEventArgs e)
        {
			var shape = e.Shape as RadDiagramShape;
            shape.MouseLeftButtonDown += Shape_MouseLeftButtonDown;
			shape.Background = Brushes.Lavender;
        }

        private void Shape_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
			MessageBox.Show("Shape clicked!");
        }

Can you please give this a try and let me know if this works for you?

As for your inquiry about posting a new support ticket, this can be done from the Support Center by clicking on the Contact Us link:

If you do not see this link, please let us know and we will gladly investigate why this section is not visible to you.

Regards,
Dilyan Traykov
Progress Telerik

[The Nimble Coder]

Hello Dilyan, 

Fantastic! Does the ShapeDeserialized event fire for each shape on the diagram when it is deserialized?

Also, if I wanted to utilize MVVM for this - what does that approach look like?

Thanks and I appreciate the help!

-Mark

[Dilyan Traykov]

Hello Mark,

Indeed, the ShapeDeserialized event is fired for each individual shape.

When you need to perform this scenario in a data-bound (MVVM) scenario, you need to implement the DeserializeNode method of the ISerializableGraphSource interface. This has been documented in the following article: Serialize a Databound Diagram.

Please let me know if you find this information useful.

[The Nimble Coder]

Thanks Dilyan!

Can you point to a full (working) example of how to fully implement this using MVVM as discussed in the link you sent above?

Thanks again.

-Mark

[Dilyan Traykov]

Hello Mark,

We do have a working example titled "MVVM" in our GitHub repository. The example can also be viewed with our SDK Samples Browser.

For your convenience, I'm also attaching the project to my reply. Please have a look and let me know if you find it helpful.