Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Diagram Designer

  • 2 minutes to read

The Diagram Designer is the DiagramControl complete with the UI that helps end-users to create new diagrams, modify existing diagrams, save diagrams to and load from XML, and export to multiple image formats (BMP, JPEG, PNG and GIF).

Diagram_designer_alt

The build-in Diagram Designer is available at design time out of the box. To invoke it, click the DiagramControl‘s smart tag and select Run Designer.

DiagramControl-smart-tag.png

To learn how to build the Diagram Designer, see the Creating Runtime Diagram Designer tutorial.

#Elements

Learn about individual Diagram Designer elements.

#Canvas

diagram_small_canvas

The working area where end-users build diagrams using shapes and connectors.

#Shapes Panel

diagram_small_shapes

Displays available shapes that can be dragged to the Canvas.

#Properties Panel

diagram_small_properties

Displays properties of an object that is selected in the canvas and allows end-users to edit them.

#Ribbon

diagram_small_ribbon

Contains UI elements that allow end-users to load and save diagrams, add diagram items to the canvas, format text within items, rearrange and recolor shapes, change the canvas size and orientation and perform copy/paste operations.

#Bottom Panel

diagram_small_bottom

Displays the zoom trackbar and size and angle of the selected shape.

#Page Setup Dialog Window

diagram_small_page_setup

Provides access to the line jump options and allows end-users to change the page size, orientation and margins.

Diagram Print Preview small

Allows end-users to see exactly how a diagram will look when it is printed.

#Pan and Zoom Panel

pan and zoom small

Used to navigate large and complex diagrams.

See Also