From f843016332c53f2e3ec4f426e6468702d96a22c0 Mon Sep 17 00:00:00 2001
From: SanjayKumar <sanjay.kumar@syncfusion.com>
Date: Wed, 8 Jul 2026 10:21:54 +0530
Subject: [PATCH 1/2] changes in Custom-View.md file

---
 wpf/Image-Editor/Custom-View.md | 95 +++++++++++++++++++--------------
 1 file changed, 56 insertions(+), 39 deletions(-)

diff --git a/wpf/Image-Editor/Custom-View.md b/wpf/Image-Editor/Custom-View.md
index 7a5dff44ef..2d95b4d929 100644
--- a/wpf/Image-Editor/Custom-View.md
+++ b/wpf/Image-Editor/Custom-View.md
@@ -1,76 +1,93 @@
 ---
 layout: post
-title: Custom view of Syncfusion SfImageEditor control in WPF.
-description: This section describes how to add custom shapes or views to an image and custom view settings in SfImageEditor control for WPF platform. 
+title: Custom view of Syncfusion SfImageEditor control in WPF
+description: This section describes how to add custom shapes or views to an image and how to configure custom view settings in the SfImageEditor control for the WPF platform.
 platform: wpf
 control: SfImageEditor
 documentation: ug
 ---
+
 # CustomView in SfImageEditor
 
-This feature allows you to add a custom view in the Image Editor and provide the different customization options. 
+This feature allows you to add a custom view in the Image Editor and provides several customization options.
 
-## Add a custom view on image editor
+## Add a custom view on the image editor
 
-You can add any custom shapes or views to an image using the `AddCustomView` method in the Image Editor control. To add a custom view, specify the view and its desired `CustomViewSettings` as shown in the following code snippet.
+You can add any custom shape or view to an image using the `AddCustomView` method in the Image Editor control. To add a custom view, specify the view and its desired `CustomViewSettings`, as shown in the following code snippet.
 
-{% tabs %} 
+{% tabs %}
 
 {% highlight xaml %}
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="100"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-           <Button x:Name="but" Click="Button_Click" Content="CustomView" />
-            <editor:SfImageEditor Grid.Row="1" x:Name="editor" ImageSource="Assets\RoadView.jpeg" >
-            </editor:SfImageEditor>
-        </Grid>
+<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:editor="clr-namespace:Syncfusion.UI.Xaml.ImageEditor;assembly=Syncfusion.SfImageEditor.WPF">
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="100"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <Button x:Name="but" Click="Button_Click" Content="CustomView" />
+        <editor:SfImageEditor Grid.Row="1" x:Name="editor" ImageSource="Assets\RoadView.jpeg" />
+    </Grid>
+</Window>
 
 {% endhighlight %}
 
 {% highlight C# %}
 
-        private void Button_Click(object sender, RoutedEventArgs e)
-        {
-          BitmapImage bitmapImage = new BitmapImage();
-          bitmapImage.BeginInit();
-          bitmapImage.UriSource = new Uri(@"Assets/adventure.jpg", UriKind.Relative);
-          bitmapImage.EndInit();
-          Image image = new Image() { Height = 100, Width = 100 , Source=bitmapImage} ;
-          editor.AddCustomView(image, new CustomViewSettings());
-	    }
-  
+using System;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Media.Imaging;
+using Syncfusion.UI.Xaml.ImageEditor;
+
+private void Button_Click(object sender, RoutedEventArgs e)
+{
+    BitmapImage bitmapImage = new BitmapImage();
+    bitmapImage.BeginInit();
+    bitmapImage.UriSource = new Uri(@"Assets/adventure.jpg", UriKind.Relative);
+    bitmapImage.EndInit();
+    Image image = new Image() { Height = 100, Width = 100, Source = bitmapImage };
+    editor.AddCustomView(image, new CustomViewSettings());
+}
+
 {% endhighlight %}
 
-{% endtabs %} 
+{% endtabs %}
 
 ## Customize the custom view
 
-The CustomViewSettings is defined to set the values for `CanMaintainAspectRatio` , `Bounds`, and `Angle` .
+`CustomViewSettings` is defined to set the values for `CanMaintainAspectRatio`, `Bounds`, `Angle`, `IsResizable`, and `IsRotatable`.
 
-* `CanMaintainAspectRatio` property is used to decide, whether the aspect ratio value needs to be maintained when resizing the custom view.
+* `CanMaintainAspectRatio` property is used to decide whether the aspect ratio value needs to be maintained when resizing the custom view.
 
 * `Bounds` property is used to set the bounds of the custom view. Using this property, you can position the custom view wherever you want on the image. In percentage, the value should fall between 0 and 100.
 
-* `Angle` property is used to set the angle of the custom view. Using this property, you can rotate the custom view at desired angle.
+* `Angle` property is used to set the angle of the custom view. Using this property, you can rotate the custom view at the desired angle.
+
+* `IsResizable` property indicates whether the custom view can be resized. The default value of `IsResizable` is `true`.
 
-* `IsResizable` property is indicating, whether to resize the custom view or not. Default value of IsResizable is true.
+* `IsRotatable` property indicates whether the custom view can be rotated. The default value of `IsRotatable` is `false`.
 
-* `IsRotatable` property is indicating, whether to rotate the custom view or not. Default value of IsResizable is false.
+{% tabs %}
 
 {% highlight C# %}
 
-            CustomViewSettings customViewSettings = new CustomViewSettings()
-            {
-                CanMaintainAspectRatio = false,
-                Bounds = new Rect(0, 0, 100, 100),
-                IsResizable = false,
-                IsRotatable=true,
-                Angle = 45
-            };
+using System.Windows;
+using Syncfusion.UI.Xaml.ImageEditor;
+
+CustomViewSettings customViewSettings = new CustomViewSettings()
+{
+    CanMaintainAspectRatio = false,
+    Bounds = new Rect(0, 0, 100, 100),
+    IsResizable = false,
+    IsRotatable = true,
+    Angle = 45
+};
 
 {% endhighlight %}
 
+{% endtabs %}
+
 ![SfImageEditor](Images/CustomView.jpg)
\ No newline at end of file

From 2f4c1f9d5cfd9dd07a3e1282b18134b7c9ab8c96 Mon Sep 17 00:00:00 2001
From: SanjayKumar <sanjay.kumar@syncfusion.com>
Date: Wed, 8 Jul 2026 10:30:38 +0530
Subject: [PATCH 2/2] Resolve CI

---
 wpf/Image-Editor/Custom-View.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/wpf/Image-Editor/Custom-View.md b/wpf/Image-Editor/Custom-View.md
index 2d95b4d929..9db0f54215 100644
--- a/wpf/Image-Editor/Custom-View.md
+++ b/wpf/Image-Editor/Custom-View.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Custom view of Syncfusion SfImageEditor control in WPF
-description: This section describes how to add custom shapes or views to an image and how to configure custom view settings in the SfImageEditor control for the WPF platform.
+description: This section explains how to add custom shapes or views to an image and configure custom view settings in the SfImageEditor control for WPF platform.
 platform: wpf
 control: SfImageEditor
 documentation: ug