diff --git a/blazor/dialog/images/blazor-fullscreen-dialog.gif b/blazor/dialog/images/blazor-fullscreen-dialog.gif
new file mode 100644
index 0000000000..da0a8951de
Binary files /dev/null and b/blazor/dialog/images/blazor-fullscreen-dialog.gif differ
diff --git a/blazor/dialog/how-to/show-dialog-with-fullscreen.md b/blazor/dialog/show-dialog-with-fullscreen.md
similarity index 65%
rename from blazor/dialog/how-to/show-dialog-with-fullscreen.md
rename to blazor/dialog/show-dialog-with-fullscreen.md
index 9588b087f5..22c5c0a087 100644
--- a/blazor/dialog/how-to/show-dialog-with-fullscreen.md
+++ b/blazor/dialog/show-dialog-with-fullscreen.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Show Dialog with full screen in Blazor Dialog Component
 
-You can show the dialog in full screen by passing `true` as argument to the dialog `Show` method. By using the `Visible` property, you can prevent the dialog from showing initially.
+You can show the dialog in full screen by passing `true` as argument to the dialog [`ShowAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html#Syncfusion_Blazor_Popups_SfDialog_ShowAsync_System_Nullable_System_Boolean__) method. By using the [`Visible`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html#Syncfusion_Blazor_Popups_SfDialog_Visible) property, you can prevent the dialog from showing initially.
 
 ```cshtml
 
@@ -44,3 +44,6 @@ You can show the dialog in full screen by passing `true` as argument to the dial
 }
 
 ```
+
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BthyjvWWpPieLSTN?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5" %}
+![Blazor FullScreen Dialog](./images/blazor-fullscreen-dialog.gif)
\ No newline at end of file