Skip to content

Commit a561407

Browse files
committed
986121- IE Blazor UG correction based on shared prompt
1 parent 128d3ed commit a561407

File tree

2 files changed

+9
-13
lines changed

2 files changed

+9
-13
lines changed
5.14 KB
Loading

blazor/image-editor/z-order.md

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,24 @@
11
---
22
layout: post
33
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.
55
platform: Blazor
66
control: Image Editor
77
documentation: ug
88
---
99

1010
# Z-order in the Blazor Image Editor Component
1111

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.
1313

14-
Types of adjustment in the Image Editor `z-order` support.
14+
The following z-order actions are available:
1515

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.
1720

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:
2622

2723
```cshtml
2824
@using Syncfusion.Blazor.ImageEditor
@@ -79,4 +75,4 @@ In the following example, you can use the `z-order` support.
7975
}
8076
```
8177

82-
![Blazor Image Editor with Opening an image](./images/blazor-image-editor-z-order.jpg)
78+
![Blazor Image Editor z-order example](./images/blazor-image-editor-z-order.jpg)

0 commit comments

Comments
 (0)