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

Example of Grouping And Ordering in ASP.NET MVC 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 MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE