991709: Updated Sample: Render Image Editor in Dialog Component (Blazor)

DhinaSF4211 · DhinaSF4211 · commit 8067eb627c40 · 2025-11-10T09:20:50.000+05:30
diff --git a/blazor/image-editor/how-to/render-dialog.md b/blazor/image-editor/how-to/render-dialog.md
@@ -27,7 +27,7 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp
         <DialogTemplates>
             <Content>
                 <div class="dialog-content">
-                    @if (IsImageEditorVisible)
+                    @if (IsImageEditorOpened)
                     {
                         <SfImageEditor @ref="ImageEditor" Height="400px">
                             <ImageEditorEvents Created="OnImageEditorCreated"></ImageEditorEvents>
@@ -41,7 +41,7 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp
 
 @code {
     private bool IsDialogVisible { get; set; } = false;
-    private bool IsImageEditorVisible { get; set; } = false;
+    private bool IsImageEditorOpened { get; set; } = false;
     private SfImageEditor ImageEditor;
 
     private void OpenDialog()
@@ -51,12 +51,12 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp
 
     private void OnDialogOpened()
     {
-        IsImageEditorVisible = true;
+        IsImageEditorOpened = true;
     }
 
     private void OnDialogClosed()
     {
-        IsImageEditorVisible = false;
+        IsImageEditorOpened = false;
     }
 
     private async void OnImageEditorCreated()

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp`
`27`	`27`	`<DialogTemplates>`
`28`	`28`	`<Content>`
`29`	`29`	`<div class="dialog-content">`
`30`		`- @if (IsImageEditorVisible)`
	`30`	`+ @if (IsImageEditorOpened)`
`31`	`31`	`{`
`32`	`32`	`<SfImageEditor @ref="ImageEditor" Height="400px">`
`33`	`33`	`<ImageEditorEvents Created="OnImageEditorCreated"></ImageEditorEvents>`
`@@ -41,7 +41,7 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp`
`41`	`41`
`42`	`42`	`@code {`
`43`	`43`	`private bool IsDialogVisible { get; set; } = false;`
`44`		`- private bool IsImageEditorVisible { get; set; } = false;`
	`44`	`+ private bool IsImageEditorOpened { get; set; } = false;`
`45`	`45`	`private SfImageEditor ImageEditor;`
`46`	`46`
`47`	`47`	`private void OpenDialog()`
`@@ -51,12 +51,12 @@ Rendering the Image Editor in a dialog involves displaying the image editor comp`
`51`	`51`
`52`	`52`	`private void OnDialogOpened()`
`53`	`53`	`{`
`54`		`- IsImageEditorVisible = true;`
	`54`	`+ IsImageEditorOpened = true;`
`55`	`55`	`}`
`56`	`56`
`57`	`57`	`private void OnDialogClosed()`
`58`	`58`	`{`
`59`		`- IsImageEditorVisible = false;`
	`59`	`+ IsImageEditorOpened = false;`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`private async void OnImageEditorCreated()`