|
1 | 1 | --- |
2 | 2 | layout: post |
3 | 3 | title: Z-order with Blazor Image Editor Component | Syncfusion |
4 | | -description: Checkout the Z-order in Blazor Image Editor component in Blazor Server App and Blazor WebAssembly App. |
| 4 | +description: Explore the Z-order support in the Blazor Image Editor component for Blazor Server and WebAssembly applications. |
5 | 5 | platform: Blazor |
6 | 6 | control: Image Editor |
7 | 7 | documentation: ug |
8 | 8 | --- |
9 | 9 |
|
10 | 10 | # Z-order in the Blazor Image Editor Component |
11 | 11 |
|
12 | | -We are excited to introduce `z-order` support in the Image Editor. It's a powerful tool that allows users to adjust the positioning of annotations. This feature is particularly useful for designing personalized templates like greeting cards or posters, where managing the layering of multiple annotations is crucial for a polished final product. |
| 12 | +The Image Editor supports z-order control to manage the stacking order of annotations. This capability is useful when designing templates such as greeting cards or posters, where arranging multiple annotations in the correct order is essential. |
13 | 13 |
|
14 | | -Types of adjustment in the Image Editor `z-order` support. |
| 14 | +The following z-order actions are available: |
15 | 15 |
|
16 | | -* [Bring forward](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_BringForwardAsync_System_String_) - Switch the selected annotation with the annotation one layer ahead of it. |
| 16 | +- [Bring forward](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_BringForwardAsync_System_String_) – Swap the selected annotation with the one directly above it. |
| 17 | +- [Send backward](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_SendBackwardAsync_System_String_) – Swap the selected annotation with the one directly below it. |
| 18 | +- [Bring to front](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_BringToFrontAsync_System_String_) – Move the selected annotation in front of all other annotations. |
| 19 | +- [Send to back](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_SendToBackAsync_System_String_) – Move the selected annotation behind all other annotations. |
17 | 20 |
|
18 | | -* [Sent Backward](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_SendBackwardAsync_System_String_) - Switch the selected annotation with the annotation one layer behind it. |
19 | | - |
20 | | -* [Bring to Front](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_BringToFrontAsync_System_String_) - Move the selected annotation to ahead of all other annotations. |
21 | | - |
22 | | -* [Send to Back](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.ImageEditor.SfImageEditor.html#Syncfusion_Blazor_ImageEditor_SfImageEditor_SendToBackAsync_System_String_) - Move the selected annotation to behind all other annotations. |
23 | | - |
24 | | - |
25 | | -In the following example, you can use the `z-order` support. |
| 21 | +The following example demonstrates z-order support: |
26 | 22 |
|
27 | 23 | ```cshtml |
28 | 24 | @using Syncfusion.Blazor.ImageEditor |
@@ -79,4 +75,4 @@ In the following example, you can use the `z-order` support. |
79 | 75 | } |
80 | 76 | ``` |
81 | 77 |
|
82 | | - |
| 78 | + |
0 commit comments