[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
    Getting Started
   [Collapse]Diagram Control
     Diagram Designer
     Shapes Panel
     Properties Panel
     Bottom Panel
     Page Setup Dialog Window
     Print Preview
     Creating Runtime Diagram Designer
     Pan and Zoom Panel
   [Expand]End-User Interaction
   [Expand]Diagram Items
   [Expand]Automatic Layout
   [Expand]Data Binding Functionality
    Themes and Styles
    Printing and Exporting
    Saving and Loading Diagrams
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Creating Runtime Diagram Designer

By default, only basic diagram customization operations are available to end-users at runtime. These include:

  • modifying shape text;
  • moving and deleting shapes;
  • cut/copy/paste operations;
  • undo/redo functionality.

You can provide end-users with rich diagram customization features by creating the Diagram Designer.

Expanded Manually Implementing Diagram Designer On the Form

You can provide support for on-form feature-rich diagram customization with just three steps (any step can be omitted if the corresponding functionality is not required).

  1. Add the Ribbon menu.

    After dropping the DiagramControl on the form, select Create Ribbon Menu from the control's smart tag.

    The Ribbon menu will be created at the top of the form with diagram-specific commands, which will let end-users modify shape text attributes, create shape connectors, save/load diagrams to/from files, etc.

    The corresponding method is DiagramControl.CreateRibbon.


    You may consider converting your form to the RibbonForm, which supports the RibbonControl's incorporation into the form's title bar. See Ribbon Form to learn more.

  2. Add the Toolbox and Property Grid to allow end-user to add new diagram shapes and provide access to a selected diagram item's settings. To do this, select the corresponding smart tag item.

    The corresponding method is DiagramControl.CreateDocking.

Is this topic helpful?​​​​​​​