Skip to main content

Diagram Designer Control

  • 2 minutes to read

The Diagram Designer is represented by the DiagramDesignerControl class and provides a visual interface to help you design new and modify existing diagrams, save diagrams to a file and load previously saved diagrams.

Diagram_Large

Learn about individual Diagram Designer elements.

Canvas

diagram_small_canvas

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

Tip

Topic: Canvas

Shapes Panel

diagram_small_shapes

Displays available shapes that can be dragged to the Canvas.

Tip

Topic: Shapes Panel

Properties Panel

diagram_small_properties

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

Tip

Topic: Properties Panel

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.

Tip

Topic: Ribbon

Bottom Panel

diagram_small_bottom

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

Tip

Topic: Bottom Panel

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.

Tip

Topic: Print Preview

Pan and Zoom Panel

Used to navigate large and complex diagrams.

See Also