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
   [Expand]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]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]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Getting Started

The XtraDiagrams suite provides components that allow you and your end-users to create and display diagrams of various types and styles.

Use 130 predefined shapes in any combination or add your own ones. The How to: Create Custom Shapes with Connection Points example illustrates how to create a basic custom shape. The SVG Shapes document describes how to create a shape based on Scalable Vector Graphics. Additionally, the Diagram Control allows you to use Images and Containers.

The Automatic Layout functionality provides the ability to automatically arrange shapes using one of the predefined drawing algorithms.

You and your end-users can apply predefined color schemes to diagrams. To learn more, see Themes and Styles.

Diagrams can be printed or exported to images. The Print Preview allows end-users to change printing options and see exactly how a diagram will look when it is printed. A diagram can also be saved to an XML file and then loaded from this file at design time and runtime. To learn more, see Saving and Loading Diagrams.

Expanded Diagram Control and Diagram Designer

To start using the XtraDiagram, drop the DiagramControl onto the form and run the application. 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 that provides the ready user interface for creating, editing, saving and loading diagrams. To learn the basics of creating diagrams using the Diagram Designer, see Diagram Designer and End-User Interaction.

Expanded Data Binding and Auto Generation

It is possible to bind the DiagramControl to data. The DiagramDataBindingController and DiagramOrgChartController allow you to automatically generate diagrams from a data source. You can customize the appearance of the generated diagram using the Item Template Designer. This functionality is demonstrated in the Diagram OrgChart demo. To learn more, see Data Binding Functionality.

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