Skip to content

Changes in ZOrdering.md file #2350

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SanjaySF4372 wants to merge 1 commit into
base: hotfix/hotfix-v34.1.29
Choose a base branch
from
Open

Changes in ZOrdering.md file #2350

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 31 additions & 23 deletions wpf/Image-Editor/ZOrdering.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Z ordering of shapes in syncfusion SfImageEditor WPF.
description: This section describes how to arrange the shapes added in the image editor as required by changing its Z order.
title: Z-Ordering of Shapes in Syncfusion SfImageEditor WPF
description: This section describes how to arrange the shapes added in the image editor as required by changing their Z-order.
platform: wpf
control: SfImageEditor
documentation: ug
---

# Z ordering in WPF ImageEditor (SfImageEditor)
# Z-Ordering in WPF ImageEditor (SfImageEditor)

The image editor allows you to change the position of shapes that are arranged in the editor. This can be achieved using the following methods:
The image editor allows you to change the position of shapes arranged in the editor. This can be achieved using the following methods:

1. BringToFront
2. SendToBack
Expand All @@ -20,56 +20,64 @@ The image editor allows you to change the position of shapes that are arranged i

This method brings the selected shape to the front of all the shapes added in the image.

{% tabs %}
{% tabs %}

{% highlight C# %}
{% highlight C# %}

editor.BringToFront();
using Syncfusion.UI.Xaml.ImageEditor;

editor.BringToFront();

{% endhighlight %}

{% endtabs %}
{% endtabs %}

## BringForward

This method brings the selected shape to one step forward from its current position.
This method brings the selected shape one step forward from its current position.

{% tabs %}

{% tabs %}
{% highlight C# %}

{% highlight C# %}
using Syncfusion.UI.Xaml.ImageEditor;

editor.BringForward();
editor.BringForward();

{% endhighlight %}

{% endtabs %}
{% endtabs %}

## SendToBack

This method pushes the selected shape to the back of all the shapes added.
This method pushes the selected shape to the back of all the added shapes.

{% tabs %}
{% tabs %}

{% highlight C# %}
{% highlight C# %}

editor.SendToBack();
using Syncfusion.UI.Xaml.ImageEditor;

editor.SendToBack();

{% endhighlight %}

{% endtabs %}
{% endtabs %}

## SendBackward

This method pushes the selected shape one step back from its current position.
This method pushes the selected shape one step backward from its current position.

{% tabs %}

{% tabs %}
{% highlight C# %}

{% highlight C# %}
using Syncfusion.UI.Xaml.ImageEditor;

editor.SendBackward();
editor.SendBackward();

{% endhighlight %}

{% endtabs %}
{% endtabs %}

![Shapes](Images/ZOrdering.png)