[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Chart Control
  [Collapse]Diagrams
    Getting Started
   [Collapse]Diagram Control
     Diagram Designer
     Canvas
     Shapes Panel
     Properties Panel
     Ribbon
     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]Examples
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap 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]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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.

    Note

    You may consider converting your form to the RibbonForm, which supports the RibbonControl's incorporation into the form's title bar. The easiest way to convert your form is by using the FormAssistant component. See How to: Convert Form and UserControl Types 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?​​​​​​​