Telerik blogs


Hello everyone,

I wanted to thank you all for attending the webinar today. As I promised in the webinar all of the materials are now available for you to download and explore on your own. If you have any questions then feel free to send me a tweet or leave a comment below. I’d also suggest that you download RadControls for Silverlight and/or WPF if you haven’t already.

Diagramming Framework Webinar Materials

Slides, Source Code and the Recorded Webinar Video are available right now!

Other XAMLFlix Webinars

  • Data Visualization : By Evan Hutnick - happened last week and all the materials have been posted to his blog. Go ahead and check it out to see what is happening with the latest XAML Data Visualization components from Telerik.
  • GridView: By Jesse Liberty - Is coming up on May 15th @ 11AM EST. You should go ahead and register now to make sure you are getting the most from RadGridView.

What did we cover today?

  • Getting Started Basics – How to create a project using RadDiagram, what files are referenced, and other need to know items.
  • Items Editing and Manipulation – Starting with a blank project, we added items and began manipulating how they appear on screen. We discussed DataBinding, the different connector types, and different CapTypes.
  • CCPD operations – We showed you exactly how you can copy, cut, paste, and delete from RadDiagram. You can even turn off those options if needed!
  • Pan/Zoom/Resizing/ZOrder – We reviewed how you can pan/zoom RadDiagram by code or through the keyboard/mouse. We also discussed how to resize and ZOrder.
  • Undo-redo – We showed you how RadDiagram keeps track of changes made in the diagramming structure.
  • Align and snap – We showed you how you can easily align selected DiagramItems to RadDiagram.
  • Diagram commands – We showed you how to use commands in Buttons to do such things as Align, Snap, Copy and Paste, ShowGridLines, and more.)
    • RadDiagram provides a powerful set of 22 RoutedUICommands that help you work with your RadDiagram and its Items easily and build better MVVM applications.
  • Save/Load – serialization –We serialized an XML string (and viewed the contents in notepad) then loaded the XML back into RadDiagram.
  • Virtualization – We talked briefly about why you need UI Virtualization and showed how easy it was to turn it off and on. More details below:
        • RadDiagram supports UI Virtualization, which collapses all items outside the viewable area, thus enhancing the UI performance while manipulating the diagraming elements. However as the virtualization implementation only collapses the visibility of the controls outside the viewport, those items will still be considered during a layout operation for example. This means that a Layout operation will change the visibility of the diagraming elements if they are brought into the viewport area.
  • Read-Only Diagram – We showed you different properties for Controlling the Read-Only State.
  • Keyboard Shortcuts - For your power users this allows you to trigger commands without using the mouse
        • RadDiagram allows you to trigger most of its features using key combinations. Below you can find a list of all supported key combinations and information about the features they trigger:
          • You can use the Ctrl key to change the active mouse tool in the RadDiagram. The default tool is the PointerTool but holding down the Ctrl key allows you to use the PanTool.
          • Ctrl + C - triggers the DiagramCommands.Copy command
          • Ctrl + X - triggers the DiagramCommands.Cut command
          • Ctrl + V - triggers the DiagramCommands.Paste command
          • Ctrl + Z - triggers the DiagramCommands.Undo command
          • Ctrl + Y - triggers the DiagramCommands.Redo command
          • Ctrl + A - triggers the DiagramCommands.SelectAll command
          • F2 - triggers the DiagramCommands.BeginEdit command
          • Enter - triggers the DiagramCommands.CommitEdit command
          • Escape - triggers the DiagramCommands.CancelEdit command
          • Delete - triggers the DiagramCommands.Delete command


Thanks for watching and if you have any questions or comments then please let me know. Also, before you go, I need your help. Telerik is driven by customer feedback. This is where I need you to tell me what you want to see in the future. Whether it is new controls, additional features or content based off of existing controls, then just drop me a comment in this post or send me a tweet. I will find a proper solution for you.

Also, keep watching the XAMLflix page as we are releasing two new videos series each and every week. You should also go back and watch any videos that you may have missed. 

XAMLflix Download RadControls for Silverlight & WPF

About the Author

Michael Crump

is a Microsoft MVP, Pluralsight and MSDN author as well as an international speaker. He works at Telerik with a focus on everything mobile.  You can follow him on Twitter at @mbcrump or keep up with his various blogs by visiting his Telerik Blog or his Personal Blog.


Comments are disabled in preview mode.