Merge pull request #4014 from syncfusion-content/EJ2-938526-ie

938526: UG testing and fixing for JS, TS, React, Angular, Vue, Core, MVC and Blazor

Author: Gowrimathi

ej2-asp-core-mvc/code-snippet/image-editor/annotation/customize-font-color/razor

@@ -16,6 +16,7 @@
     function ShapeChanging(args) {
         if (args.currentShapeSettings.type === 'Text') {
             args.currentShapeSettings.color = 'red';
+            args.currentShapeSettings.fontFamily = 'Times New Roman';
         }
     }
 

ej2-asp-core-mvc/code-snippet/image-editor/annotation/customize-font-color/tagHelper

@@ -20,6 +20,7 @@
     function shapeChanging(args) {
         if (args.currentShapeSettings.type === 'Text') {
             args.currentShapeSettings.color = 'red';
+            args.currentShapeSettings.fontFamily = 'Times New Roman';
         }
     }
 

ej2-asp-core-mvc/code-snippet/image-editor/annotation/default-stroke-color/razor

@@ -14,7 +14,7 @@
     }
 
     function ShapeChanging(args) {
-        if (args.currentShapeSettings.type === 'FreehandDraw') {
+        if (args.currentShapeSettings.type === 'Rectangle') {
             args.currentShapeSettings.strokeColor = 'red';
         }
     }

ej2-asp-core-mvc/code-snippet/image-editor/annotation/default-stroke-color/tagHelper

@@ -18,7 +18,7 @@
     }
 
     function shapeChanging(args) {
-        if (args.currentShapeSettings.type === 'FreehandDraw') {
+        if (args.currentShapeSettings.type === 'Rectangle') {
             args.currentShapeSettings.strokeColor = 'red';
         }
     }

ej2-asp-core-mvc/image-editor/annotation.md

@@ -461,7 +461,7 @@ Output be like the below.
 
 ![ImageEditor Sample](images/image-editor-annotation.jpg)
 
-## Delete a shape 
+### Delete a shape 
 
 The `deleteShape` method in the Image Editor allows you to remove a shape annotation from the image editor. To use this method, you need to pass the `shapeId` of the annotation as a parameter. 
 
@@ -498,9 +498,9 @@ Output be like the below.
 
 ![ImageEditor Sample](images/image-editor-delete-annotation.png)
 
-## Customize default stroke color for shapes 
+### Customize default stroke color for shapes 
 
-We provide default settings for stroke color, stroke width, fill color, and other customizations. If users wish to modify only the default options while preserving their previously selected customizations, they can do so by utilizing the [`shapeChanging`] event. Within this event, users can update the values in the `currentShapeSettings` object to apply their own preferences instead of the defaults. This approach allows conditional updates to the `currentShapeSettings`, ensuring that only the desired defaults are changed while maintaining the other settings.
+We provide default settings for stroke color, stroke width, fill color, and other customizations. If users wish to modify only the default options while preserving their previously selected customizations, they can do so by utilizing the `shapeChanging` event. Within this event, users can update the values in the `currentShapeSettings` object to apply their own preferences instead of the defaults. This approach allows conditional updates to the `currentShapeSettings`, ensuring that only the desired defaults are changed while maintaining the other settings.
 
 {% if page.publishingplatform == "aspnet-core" %}
 
@@ -527,7 +527,7 @@ We provide default settings for stroke color, stroke width, fill color, and othe
 
 Output be like the below.
 
-![ImageEditor Sample](images/image-editor-default-stroke.png)
+![ImageEditor Sample](images/image-editor-default-stroke.jpg)
 
 ## Image annotation
 

ej2-asp-core-mvc/image-editor/filter.md

@@ -11,7 +11,7 @@ domainurl: ##DomainURL##
 
 # Filters in the ##Platform_Name## Image Editor control
 
-Filters are pre-defined effects that can be applied to an image to alter its appearance or mood. Image filters can be used to add visual interest or to enhance certain features of the image. Some common types of image filters include cold, warm, chrome, sepia, and invert. This can be done by either using the toolbar or the [`applyImageFilter`] method which takes a single parameter: the filter applied to an image.
+Filters are pre-defined effects that can be applied to an image to alter its appearance or mood. Image filters can be used to add visual interest or to enhance certain features of the image. Some common types of image filters include cold, warm, chrome, sepia, and invert. This can be done by either using the toolbar or the `applyImageFilter` method which takes a single parameter: the filter applied to an image.
 
 ## Apply filter effect