diff --git a/blazor/datagrid/adding-header-and-footer.md b/blazor/datagrid/adding-header-and-footer.md
index f76e529348..32693dce15 100644
--- a/blazor/datagrid/adding-header-and-footer.md
+++ b/blazor/datagrid/adding-header-and-footer.md
@@ -455,7 +455,6 @@ The following example demonstrates how to add a page number in the header and fo
             {
                 Type = ContentType.PageNumber,
                 PageNumberType = pageType, // Set the selected page number format.
-                Value = "Page ${current} of ${total}", // Set placeholders for dynamic page numbers.
                 Position = new PdfPosition { X= 360, Y = 20 }, // set the position of the text in the header/footer.
                 Style = new PdfContentStyle
                 {
@@ -532,7 +531,7 @@ public class OrderData
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rXrojIjPAVzTWYBH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLojkCeTOdnSgCJ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ## Insert an image in header and footer
 
diff --git a/blazor/in-place-editor/getting-started-with-web-app.md b/blazor/in-place-editor/getting-started-with-web-app.md
index 69a1f2e0c0..637f4de379 100644
--- a/blazor/in-place-editor/getting-started-with-web-app.md
+++ b/blazor/in-place-editor/getting-started-with-web-app.md
@@ -300,9 +300,9 @@ The following code explains how to initialize a simple In-place Editor with popu
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrfZiBaJrrIVqHN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Inline Mode](./images/blazor-inplace-editor-in-inline-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/hDhIXOjhAIsuBPDh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Inline Mode](./images/blazor-inplace-editor-in-inline-mode.gif)" %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVJDsrOTBrCTUyL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Popup Mode](./images/blazor-inplace-editor-in-popup-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rZryjkXLAeqHmuVN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Popup Mode](./images/blazor-inplace-editor-in-popup-mode.gif)" %}
 
 ## Configuring DropDownList
 
@@ -560,14 +560,14 @@ The edited data is submitted to the server and you can see the new values gettin
     public void OnSuccess(ActionEventArgs<string> args)
     {
         this.PreviousValue = this.CurrentValue;
-        this.CurrentValue = args.Value;
+        this.CurrentValue = this.DropdownValue;
     }
 }
 
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BZVzXiLafrzKnAQi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Refreshing Blazor In-place Editor Data](./images/blazor-inplace-editor-refresh-data.png)" %}
+![Blazor In-place Editor with modified value](./images/blazor-inplace-editor-refresh-data.gif)
 
 ## See also
 
diff --git a/blazor/in-place-editor/getting-started.md b/blazor/in-place-editor/getting-started.md
index 4c587e3099..9cea248014 100644
--- a/blazor/in-place-editor/getting-started.md
+++ b/blazor/in-place-editor/getting-started.md
@@ -231,9 +231,9 @@ The following code explains how to initialize a simple In-place Editor with popu
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrfZiBaJrrIVqHN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Inline Mode](./images/blazor-inplace-editor-in-inline-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/hDhIXOjhAIsuBPDh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Inline Mode](./images/blazor-inplace-editor-in-inline-mode.gif)" %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVJDsrOTBrCTUyL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Popup Mode](./images/blazor-inplace-editor-in-popup-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rZryjkXLAeqHmuVN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor In-place Editor in Popup Mode](./images/blazor-inplace-editor-in-popup-mode.gif)" %}
 
 ## Configuring DropDownList
 
@@ -491,14 +491,14 @@ The edited data is submitted to the server and you can see the new values gettin
     public void OnSuccess(ActionEventArgs<string> args)
     {
         this.PreviousValue = this.CurrentValue;
-        this.CurrentValue = args.Value;
+        this.CurrentValue = this.DropdownValue;
     }
 }
 
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BZVzXiLafrzKnAQi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Refreshing Blazor In-place Editor Data](./images/blazor-inplace-editor-refresh-data.png)" %}
+![Blazor In-place Editor with modified value](./images/blazor-inplace-editor-refresh-data.gif)
 
 ## See also
 
diff --git a/blazor/in-place-editor/images/blazor-inplace-editor-in-inline-mode.gif b/blazor/in-place-editor/images/blazor-inplace-editor-in-inline-mode.gif
new file mode 100644
index 0000000000..bca392a835
Binary files /dev/null and b/blazor/in-place-editor/images/blazor-inplace-editor-in-inline-mode.gif differ
diff --git a/blazor/in-place-editor/images/blazor-inplace-editor-in-popup-mode.gif b/blazor/in-place-editor/images/blazor-inplace-editor-in-popup-mode.gif
new file mode 100644
index 0000000000..819ddf57ff
Binary files /dev/null and b/blazor/in-place-editor/images/blazor-inplace-editor-in-popup-mode.gif differ
diff --git a/blazor/in-place-editor/images/blazor-inplace-editor-refresh-data.gif b/blazor/in-place-editor/images/blazor-inplace-editor-refresh-data.gif
new file mode 100644
index 0000000000..c321142663
Binary files /dev/null and b/blazor/in-place-editor/images/blazor-inplace-editor-refresh-data.gif differ