• 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 Grouping and Ordering in ASP.NET Core Diagram Control

This sample illustrates how to group, ungroup, and order commands with the diagram.

DEMO
SOURCE

The group method groups diagram nodes and connectors into a single entity.

The unGroup method ungroups nodes and/or connectors that have been previously grouped together using the group method.

The moveForward and bringToFront methods adjust the visual order of nodes or connectors within a diagram. This method takes a single parameter that specifies the node or connector that you want to bring forward in the order.

The sendBackward and sendToBack method allows you to send a selected object to the back of the z-order (the order in which objects are stacked on top of one another).

In this sample, node annotation styles such as font family, font size, bold, italic, underline, and fontcolor can be customized.

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