All docs
V19.2
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

Diagram

  • 2 min to read

The Diagram's visual interface allows you to design new and modify existing diagrams.

The ASPxDiagram class implements the Diagram control on the server side and the ASPxClientDiagram represents it on the client side.

Diagram

Features

Data Binding (More details | See demo: Node and Edge Data Sources | See demo: Tree from Linear Data Structure)

The Diagram can load external tree-like and graph structures. You can bind all shape properties to a database, including shape and connector styles, position, and size.

Predefined and Custom Shapes (More details | See demo)

The Diagram provides more than 35 built-in shapes. You can extend this collection with custom shapes. For each custom shape object, you can specify the type, background image, default size, text, connection points, and other settings.

Containers (See demo)

The horizontal and vertical containers allow you to combine other shapes within a container. The control supports stacked containers that can be expanded and collapsed.

Simple View (More details | See demo)

In simple view mode, the control does not divide the work area into pages and the Diagram's content occupies all the available area inside the control.

Read Only Mode (More details | See demo)

Read only mode does not allow the Diagram to be edited.

UI Customization (More details)

You can control the toolbox's and side panel's visibility. The toolbox can be populated with default and custom groups.

Export to Image Format (More details)

You can export a diagram to SVG, PNG, and JPEG file formats.