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

Example of Grouping And Ordering in ASP.NET MVC Diagram Control

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


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.