Skip to main content
A newer version of this page is available. .

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).


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.


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


Learn about individual Diagram Designer elements.



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

Shapes Panel


Displays available shapes that can be dragged to the Canvas.

Properties Panel


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



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


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

Page Setup Dialog Window


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