Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[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]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Collapse]Diagrams
    Getting Started
   [Collapse]Diagram Designer
     Canvas
     Shapes Panel
     Properties Panel
     Ribbon
     Bottom Panel
     Page Setup Dialog Window
     Print Preview
     Creating Runtime Diagram Designer
    Diagram Control
   [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]Document Server
[Expand]Reporting
[Expand]Report 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 to XtraForm (RibbonForm, TabForm), and UserControl to XtraUserControl 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.

How would you rate this topic?​​​​​​​