Example of ZOrder Commands in Blazor Diagram Component

Diagram / Getting Started / Z-Order

This sample demonstrates how to visually arrange the selected objects such as nodes and connectors on the diagram page with its Z-order values.

Z-order commands are used to visually arrange the selected objects such as nodes and connectors on the diagram page.

BringForward command visually moves the selected element over the nearest overlapping element. SendBackward command visually moves the selected element will go one step behind. BringToFront command visually brings the selected element to the front over all the other overlapped elements. SendToBack command visually moves the selected element behind all the other overlapped elements.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE