EJ2CoreSampleBrowser.Pages.Diagram.UserHandleModel;
  • Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab