About Diagram components

The Diagram toolset component uses the Nevron Diagram application to create drag-and-drop diagram tasks and then interact with them via event handlers and scripting APIs. For a complete set of Nevron Diagram for .NET documentation, see the Nevron web site.

Component properties

When you add a Diagram component to a form, set the following diagram-specific options using the “Data Source > Binding” property of the component.

Type

Choose between “Manual” and “Automatic”.

“Manual” lets you drag and drop shapes onto the diagramming area, and manually edit each shape's settings.
“Automatic” uses MGDiagramDesigner.dll to render the diagram according to the specified IDO collection property, with these options:
- “Flowchart Shape List Builder Type” specifies the assembly name and type name to implement a predefined interface, returning "LinkedListFlowchartNodeShape." The interface is available through MGDiagramDesigner.dll, and the type defined in this field must implement the interface. The Diagram control displays a list of node shapes for the flowchart on the diagramming area.
- “Layer/Vertex Spacing” determines the spacing (in pixels) between the layers, and the vertices.

Background style and style sheets

The visual appearance of all diagram elements is controlled with styles. Define style sheets at the diagramming document level, then assign them to shapes on the diagram to control their appearance. Your choices include “Bridge”, “Start/End Arrowhead”, “Shadow”, “Stroke”, and “Text”.

Design Mode options

The Diagram component creates two button-based toolbars:

Design Mode toolbar

Button	Description
Grid	Enable/disable diagramming area grid.
Rulers	Enable/disable horizontal/vertical rulers.
Library Browser	Enable/disable shape library browser.
Ports	Show/hide shape ports.
Arrowheads	Show/hide connector arrowheads.
Shadows	Show/hide shape shadows.
Pan and Zoom	Enable/disable Pan and Zoom control.
View Layout	Diagram viewing layout option: Normal Fit Stretch Stretch-to-Width Stretch-to-Height
Undo / Redo	Undo/redo previous action(s).

Runtime toolbar

Grid	Enable/disable diagramming area grid.
Rulers	Enable/disable horizontal/vertical rulers.
Library Browser	Enable/disable shape library browser.
Ports	Show/hide shape ports.
Arrowheads	Show/hide connector arrowheads.
Shadows	Show/hide shape shadows.
Pan and Zoom	Enable/disable Pan and Zoom control.
View Layout	Diagram viewing layout option: Normal Fit Stretch Stretch-to-Width Stretch-to-Height
Undo / Redo	Undo/redo previous action(s).

Right-click menus

The diagram, as a whole, as well as the individual shapes within the diagram, can have right-click menus assigned to them.

See “Adding or changing a component's context (shortcut) menu”.