• 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 Avoid Connector Overlap in ASP.NET Core Diagram Control

This sample visualizes the connectors that automatically adjust to minimize visual overlap, ensuring clear and distinct representations of connections within the diagram.

DEMO
SOURCE

This example showcases a circuit diagram created using the Syncfusion® Diagram control. It demonstrates the AvoidLineOverlapping feature, which ensures that connectors do not visually overlap by automatically adjusting line segments for better visualization of connections.

To use this feature we need enable the AvoidLineOverlapping feature in the DiagramConstraints property.

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