903039: added changes in sample.

indumathi-murali · indumathi-murali · commit 14de1693c4ee · 2024-09-17T13:02:27.000+05:30
diff --git a/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md b/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md
@@ -320,7 +320,7 @@ When the Circular Gauge component renders within the Tab component, its renderin
 
 ## Circular Gauge component inside Dialog
 
-When the Circular Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Circular Gauge component will not be proper. To properly render the Circular Gauge component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Circular Gauge component's rendering. The boolean variable is set to **false** by default, so the Circular Gauge component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the rendering of the Circular Gauge component. This ensures that the Dialog component is fully rendered before the Circular Gauge component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) should be set to **false** in this event.
+When the Circular Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Circular Gauge component will not be proper. To properly render the Circular Gauge component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Circular Gauge component's rendering. The boolean variable is set to **false** by default, so the Circular Gauge component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the render of the Circular Gauge component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) in this event must be changed to false.
 
 When you drag and resize the Dialog component, the Circular Gauge component is not notified, so the Circular Gauge is not properly rendered within the Dialog. To avoid this scenario, the Circular Gauge component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 100 millisecond delay must be provided before refreshing the Circular Gauge component.
 
@@ -337,7 +337,7 @@ When you drag and resize the Dialog component, the Circular Gauge component is n
         }
     </div>
     <SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">
-        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>
+        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>
         <DialogTemplates>
             <Header>Circular Gauge</Header>
             <Content> 
@@ -387,10 +387,9 @@ When you drag and resize the Dialog component, the Circular Gauge component is n
         Gauge.RefreshAsync();
     }
 
-    public async Task DialogOpen(Object args)
+    public void DialogOpen(Object args)
     {
         this.ShowButton = false;
-        await Task.Yield();
         IsInitialRender = true;
     }
     private void DialogClose(Object args)
diff --git a/blazor/linear-gauge/how-to/place-gauge-inside-other-components.md b/blazor/linear-gauge/how-to/place-gauge-inside-other-components.md
@@ -329,7 +329,7 @@ When the Linear Gauge component renders within the Tab component, its rendering
 
 ## Linear Gauge component inside Dialog
 
-When the Linear Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Linear Gauge component will not be proper. To properly render the Linear Gauge component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Linear Gauge component's rendering. The boolean variable is set to **false** by default, so the Linear Gauge component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the rendering of the Linear Gauge component. This ensures that the Dialog component is fully rendered before the Linear Gauge component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) should be set to **false** in this event.
+When the Linear Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Linear Gauge component will not be proper. To properly render the Linear Gauge component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Linear Gauge component's rendering. The boolean variable is set to **false** by default, so the Linear Gauge component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the render of the Linear Gauge component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) in this event must be changed to false.
 
 When you drag and resize the Dialog component, the Linear Gauge component is not notified, so the Linear Gauge is not properly rendered within the Dialog. To avoid this scenario, the Linear Gauge component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 100 millisecond delay must be provided before refreshing the Linear Gauge component.
 
@@ -346,7 +346,7 @@ When you drag and resize the Dialog component, the Linear Gauge component is not
         }
     </div>
     <SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="500px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">
-        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>
+        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>
         <DialogTemplates>
             <Header>Linear Gauge</Header>
             <Content> 
@@ -398,10 +398,9 @@ When you drag and resize the Dialog component, the Linear Gauge component is not
         GaugeOne.RefreshAsync();
     }
 
-    public async Task DialogOpen(Object args)
+    public void DialogOpen(Object args)
     {
        this.ShowButton = false;
-       await Task.Yield();
        IsInitialRender = true;
     }
 
diff --git a/blazor/maps/how-to/place-map-inside-other-components.md b/blazor/maps/how-to/place-map-inside-other-components.md
@@ -206,7 +206,7 @@ When the Maps component renders within the Tab component, its rendering begins c
 
 ## Maps component inside Dialog
 
-When the Maps component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Maps component will not be proper. To properly render the Maps component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Maps component's rendering. The boolean variable is set to **false** by default, so the Maps component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the rendering of the Maps component. This ensures that the Dialog component is fully rendered before the Maps component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) should be set to **false** in this event.
+When the Maps component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Maps component will not be proper. To properly render the Maps component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the Maps component's rendering. The boolean variable is set to **false** by default, so the Maps component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the render of the Maps component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) in this event must be changed to false.
 
 When you drag and resize the Dialog component, the Maps component is not notified, so the Maps are not properly rendered within the Dialog. To avoid this scenario, the Maps component's `Refresh` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 500 millisecond delay must be provided before refreshing the Maps component.
 
@@ -223,7 +223,7 @@ When you drag and resize the Dialog component, the Maps component is not notifie
         }
     </div>
     <SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">
-        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>
+        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>
         <DialogTemplates>
             <Header>Maps</Header>
             <Content> 
@@ -259,10 +259,9 @@ When you drag and resize the Dialog component, the Maps component is not notifie
         Maps.Refresh();
     }
 
-    public async Task DialogOpen(Object args)
+    public void DialogOpen(Object args)
     {
        this.ShowButton = false;
-       await Task.Yield();
        IsInitialRender = true;
     }
 
diff --git a/blazor/treemap/how-to/place-treemap-inside-other-components.md b/blazor/treemap/how-to/place-treemap-inside-other-components.md
@@ -525,7 +525,7 @@ When the TreeMap component renders within the Tab component, its rendering begin
 
 ## TreeMap component inside Dialog
 
-When the TreeMap component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the TreeMap component will not be proper. To properly render the TreeMap component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the TreeMap component's rendering. The boolean variable is set to **false** by default, so the TreeMap component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the rendering of the TreeMap component. This ensures that the Dialog component is fully rendered before the TreeMap component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) should be set to **false** in this event.
+When the TreeMap component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the TreeMap component will not be proper. To properly render the TreeMap component, a boolean variable (i.e. **IsInitialRender**) must be created and it is used to determine the TreeMap component's rendering. The boolean variable is set to **false** by default, so the TreeMap component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. **IsInitialRender**) must be set to **true** to initiate the render of the TreeMap component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. **IsInitialRender**) in this event must be changed to false.
 
 When you drag and resize the Dialog component, the TreeMap component is not notified, so the TreeMap are not properly rendered within the Dialog. To avoid this scenario, the TreeMap component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 500 millisecond delay must be provided before refreshing the TreeMap component.
 
@@ -542,7 +542,7 @@ When you drag and resize the Dialog component, the TreeMap component is not noti
         }
     </div>
     <SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="300px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">
-        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>
+        <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>
         <DialogTemplates>
             <Header>TreeMap</Header>
             <Content> 
@@ -630,10 +630,9 @@ When you drag and resize the Dialog component, the TreeMap component is not noti
         TreeOne.RefreshAsync();
     }
 
-    public async Task DialogOpen(Object args)
+    public void DialogOpen(Object args)
     {
         this.ShowButton = false;
-        await Task.Yield();
         IsInitialRender = true;
     }
     private void DialogClose(Object args)

Original file line number	Diff line number	Diff line change
`@@ -320,7 +320,7 @@ When the Circular Gauge component renders within the Tab component, its renderin`
`320`	`320`
`321`	`321`	`## Circular Gauge component inside Dialog`
`322`	`322`
`323`		-When the Circular Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Circular Gauge component will not be proper. To properly render the Circular Gauge component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Circular Gauge component's rendering. The boolean variable is set to false by default, so the Circular Gauge component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the rendering of the Circular Gauge component. This ensures that the Dialog component is fully rendered before the Circular Gauge component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) should be set to false in this event.
	`323`	+When the Circular Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Circular Gauge component will not be proper. To properly render the Circular Gauge component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Circular Gauge component's rendering. The boolean variable is set to false by default, so the Circular Gauge component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the render of the Circular Gauge component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) in this event must be changed to false.
`324`	`324`
`325`	`325`	When you drag and resize the Dialog component, the Circular Gauge component is not notified, so the Circular Gauge is not properly rendered within the Dialog. To avoid this scenario, the Circular Gauge component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 100 millisecond delay must be provided before refreshing the Circular Gauge component.
`326`	`326`
`@@ -337,7 +337,7 @@ When you drag and resize the Dialog component, the Circular Gauge component is n`
`337`	`337`	`}`
`338`	`338`	`</div>`
`339`	`339`	`<SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">`
`340`		`- <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
	`340`	`+ <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
`341`	`341`	`<DialogTemplates>`
`342`	`342`	`<Header>Circular Gauge</Header>`
`343`	`343`	`<Content>`
`@@ -387,10 +387,9 @@ When you drag and resize the Dialog component, the Circular Gauge component is n`
`387`	`387`	`Gauge.RefreshAsync();`
`388`	`388`	`}`
`389`	`389`
`390`		`- public async Task DialogOpen(Object args)`
	`390`	`+ public void DialogOpen(Object args)`
`391`	`391`	`{`
`392`	`392`	`this.ShowButton = false;`
`393`		`- await Task.Yield();`
`394`	`393`	`IsInitialRender = true;`
`395`	`394`	`}`
`396`	`395`	`private void DialogClose(Object args)`
Original file line number	Diff line number	Diff line change
`@@ -329,7 +329,7 @@ When the Linear Gauge component renders within the Tab component, its rendering`
`329`	`329`
`330`	`330`	`## Linear Gauge component inside Dialog`
`331`	`331`
`332`		-When the Linear Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Linear Gauge component will not be proper. To properly render the Linear Gauge component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Linear Gauge component's rendering. The boolean variable is set to false by default, so the Linear Gauge component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the rendering of the Linear Gauge component. This ensures that the Dialog component is fully rendered before the Linear Gauge component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) should be set to false in this event.
	`332`	+When the Linear Gauge component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Linear Gauge component will not be proper. To properly render the Linear Gauge component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Linear Gauge component's rendering. The boolean variable is set to false by default, so the Linear Gauge component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the render of the Linear Gauge component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) in this event must be changed to false.
`333`	`333`
`334`	`334`	When you drag and resize the Dialog component, the Linear Gauge component is not notified, so the Linear Gauge is not properly rendered within the Dialog. To avoid this scenario, the Linear Gauge component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 100 millisecond delay must be provided before refreshing the Linear Gauge component.
`335`	`335`
`@@ -346,7 +346,7 @@ When you drag and resize the Dialog component, the Linear Gauge component is not`
`346`	`346`	`}`
`347`	`347`	`</div>`
`348`	`348`	`<SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="500px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">`
`349`		`- <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
	`349`	`+ <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
`350`	`350`	`<DialogTemplates>`
`351`	`351`	`<Header>Linear Gauge</Header>`
`352`	`352`	`<Content>`
`@@ -398,10 +398,9 @@ When you drag and resize the Dialog component, the Linear Gauge component is not`
`398`	`398`	`GaugeOne.RefreshAsync();`
`399`	`399`	`}`
`400`	`400`
`401`		`- public async Task DialogOpen(Object args)`
	`401`	`+ public void DialogOpen(Object args)`
`402`	`402`	`{`
`403`	`403`	`this.ShowButton = false;`
`404`		`- await Task.Yield();`
`405`	`404`	`IsInitialRender = true;`
`406`	`405`	`}`
`407`	`406`
Original file line number	Diff line number	Diff line change
`@@ -206,7 +206,7 @@ When the Maps component renders within the Tab component, its rendering begins c`
`206`	`206`
`207`	`207`	`## Maps component inside Dialog`
`208`	`208`
`209`		-When the Maps component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Maps component will not be proper. To properly render the Maps component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Maps component's rendering. The boolean variable is set to false by default, so the Maps component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the rendering of the Maps component. This ensures that the Dialog component is fully rendered before the Maps component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) should be set to false in this event.
	`209`	+When the Maps component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the Maps component will not be proper. To properly render the Maps component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the Maps component's rendering. The boolean variable is set to false by default, so the Maps component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the render of the Maps component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) in this event must be changed to false.
`210`	`210`
`211`	`211`	When you drag and resize the Dialog component, the Maps component is not notified, so the Maps are not properly rendered within the Dialog. To avoid this scenario, the Maps component's `Refresh` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 500 millisecond delay must be provided before refreshing the Maps component.
`212`	`212`
`@@ -223,7 +223,7 @@ When you drag and resize the Dialog component, the Maps component is not notifie`
`223`	`223`	`}`
`224`	`224`	`</div>`
`225`	`225`	`<SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="400px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">`
`226`		`- <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
	`226`	`+ <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
`227`	`227`	`<DialogTemplates>`
`228`	`228`	`<Header>Maps</Header>`
`229`	`229`	`<Content>`
`@@ -259,10 +259,9 @@ When you drag and resize the Dialog component, the Maps component is not notifie`
`259`	`259`	`Maps.Refresh();`
`260`	`260`	`}`
`261`	`261`
`262`		`- public async Task DialogOpen(Object args)`
	`262`	`+ public void DialogOpen(Object args)`
`263`	`263`	`{`
`264`	`264`	`this.ShowButton = false;`
`265`		`- await Task.Yield();`
`266`	`265`	`IsInitialRender = true;`
`267`	`266`	`}`
`268`	`267`
Original file line number	Diff line number	Diff line change
`@@ -525,7 +525,7 @@ When the TreeMap component renders within the Tab component, its rendering begin`
`525`	`525`
`526`	`526`	`## TreeMap component inside Dialog`
`527`	`527`
`528`		-When the TreeMap component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the TreeMap component will not be proper. To properly render the TreeMap component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the TreeMap component's rendering. The boolean variable is set to false by default, so the TreeMap component will not be rendered initially. When the Dialog component is being opened, its [OnOpen](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnOpen) event is fired. In this event, the `Task.Yield()` method should be called, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the rendering of the TreeMap component. This ensures that the Dialog component is fully rendered before the TreeMap component begins rendering. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) should be set to false in this event.
	`528`	+When the TreeMap component renders within the Dialog component, its rendering begins concurrently with the Dialog component's rendering. As a result, the size of the TreeMap component will not be proper. To properly render the TreeMap component, a boolean variable (i.e. IsInitialRender) must be created and it is used to determine the TreeMap component's rendering. The boolean variable is set to false by default, so the TreeMap component will not be rendered initially. When the Dialog component is being opened, its [Opened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened) event is fired, and the boolean variable (i.e. IsInitialRender) must be set to true to initiate the render of the TreeMap component. When the Dialog component is closed, its [Closed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Closed) event is triggered, and the boolean variable (i.e. IsInitialRender) in this event must be changed to false.
`529`	`529`
`530`	`530`	When you drag and resize the Dialog component, the TreeMap component is not notified, so the TreeMap are not properly rendered within the Dialog. To avoid this scenario, the TreeMap component's `RefreshAsync` method must be called in the Dialog's [Resizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Resizing) and [OnResizeStop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_OnResizeStop) events. Because the size of the Dialog is determined after a delay, a 500 millisecond delay must be provided before refreshing the TreeMap component.
`531`	`531`
`@@ -542,7 +542,7 @@ When you drag and resize the Dialog component, the TreeMap component is not noti`
`542`	`542`	`}`
`543`	`543`	`</div>`
`544`	`544`	`<SfDialog ResizeHandles="@DialogResizeDirections" AllowDragging="true" Height="300px" Width="400px" EnableResize="true" ShowCloseIcon="true" @bind-Visible="Visibility">`
`545`		`- <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
	`545`	`+ <DialogEvents OnResizeStop="@OnResizeStopHandler" Resizing="OnResizeStopHandler" Opened="@DialogOpen" Closed="@DialogClose"></DialogEvents>`
`546`	`546`	`<DialogTemplates>`
`547`	`547`	`<Header>TreeMap</Header>`
`548`	`548`	`<Content>`
`@@ -630,10 +630,9 @@ When you drag and resize the Dialog component, the TreeMap component is not noti`
`630`	`630`	`TreeOne.RefreshAsync();`
`631`	`631`	`}`
`632`	`632`
`633`		`- public async Task DialogOpen(Object args)`
	`633`	`+ public void DialogOpen(Object args)`
`634`	`634`	`{`
`635`	`635`	`this.ShowButton = false;`
`636`		`- await Task.Yield();`
`637`	`636`	`IsInitialRender = true;`
`638`	`637`	`}`
`639`	`638`	`private void DialogClose(Object args)`