• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Constraints in ASP.NET Core Diagram Control

This sample illustrates how node constraints are used to restrict end-users from performing certain operations on nodes and connector constraints are used to restrict end-users from performing certain operation on connectors.

DEMO
SOURCE
Diagram Constraints

This sample illustrates how node constraints are used to restrict end-users from performing certain operations on nodes and connector constraints are used to restrict end-users from performing certain operation on connectors.

The NodeConstraints property allows you to enable or disable node behaviors like select, drag, resize, rotate, and delete.

The ConnectorConstraints property allows you to enable or disable connector behaviors like select, drag, delete, drag source end, and drag target end.

The AnnotationConstraints property allows you to enable or disable the annotation behavior, text editing.

Using the DiagramConstraints property, enable or disable certain features of the diagram like zoom, undo/redo, context menu, drag, and select.