About Diagram components

The Diagram component uses the Nevron Diagram application to create drag-and-drop diagram tasks and then interact with them by means of 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.

Select from these options:

Type

Select one:

Manual lets you drag and drop shapes onto the diagramming area, and then 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. Choices include these:

Bridge
Start/End Arrowhead
Shadow
Stroke
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.