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.