Merge branch 'development' into 971613-ChartDocDev

Author: IlamathiSF3875

blazor-toc.html

@@ -179,6 +179,11 @@
 				<ul>
 					<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/smart-task-suggestion">Smart Task Suggestion</a></li>
 					<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/sentiment-analysis">Sentiment Analysis</a></li>
+				</ul>	
+			</li>	
+			<li>Pivot Table
+				<ul>
+					<li><a href="/blazor/smart-ai-solutions/ai-samples/pivot-table/smart-pivot">Smart Pivot Table</a></li>
 				</ul>
 			</li>
 		</ul>

blazor/getting-started/maui-blazor-app.md

@@ -170,7 +170,7 @@ In iOS, code is statically compiled ahead of time. Configure Syncfusion<sup styl
 
 Possible errors if the `MtouchExtraArgs` tag is not configured:
 1. The app does not load on a real device with the error “An unhandled error has occurred” after compiling in Release mode with Visual Studio and deploying to a real device.
-2. AOT-related failures such as [`Attempting to JIT compile method while running in aot-only mode`](https://github.com/xamarin/xamarin-macios/issues/12416)
+2. AOT-related failures such as [`Attempting to JIT compile method while running in aot-only mode`](https://github.com/dotnet/macios/issues/12416)
 
  ```
 <PropertyGroup Condition="$(TargetFramework.Contains('-ios')) And $(Configuration.Contains('Release')) ">

blazor/image-editor/how-to/render-dialog.md

@@ -18,48 +18,50 @@ Rendering the Image Editor in a dialog displays the component within a modal win
 @using Syncfusion.Blazor.Inputs
 
 <div style="padding-bottom: 15px">
-    @if (this.ShowButton)
-    {
-        <SfButton OnClick="OpenDialogAsync">Open Image</SfButton>
-    }
+    <SfButton OnClick="OpenDialog">Edit Image</SfButton>
 </div>
 
-<SfDialog MinHeight="400px" Width="340px" Target="#target" ShowCloseIcon="true" @bind-Visible="Visibility">
-    <DialogTemplates>
-        <Content>
-            <div class="dialogContent">
-                <SfImageEditor @ref="ImageEditor" Height="300px">
-                </SfImageEditor>
-            </div>
-        </Content>
-    </DialogTemplates>
-    <DialogEvents OnOpen="@BeforeDialogOpen" Opened="OpenAsync" Closed="@DialogClosed"></DialogEvents>
-</SfDialog>
+<div class="control-section" id="target" style="height: 500px">
+    <SfDialog Width="600px" Height="500px" Target="#target" ShowCloseIcon="true" @bind-Visible="IsDialogVisible">
+        <DialogEvents Opened="OnDialogOpened" Closed="OnDialogClosed"></DialogEvents>
+        <DialogTemplates>
+            <Content>
+                <div class="dialog-content">
+                    @if (IsImageEditorOpened)
+                    {
+                        <SfImageEditor @ref="ImageEditor" Height="400px">
+                            <ImageEditorEvents Created="OnImageEditorCreated"></ImageEditorEvents>
+                        </SfImageEditor>
+                    }
+                </div>
+            </Content>
+        </DialogTemplates>
+    </SfDialog>
+</div>
 
 @code {
-    private bool Visibility { get; set; } = false;
-    private bool ShowButton { get; set; } = true;
-    SfImageEditor ImageEditor;
+    private bool IsDialogVisible { get; set; } = false;
+    private bool IsImageEditorOpened { get; set; } = false;
+    private SfImageEditor ImageEditor;
 
-    private void OpenDialogAsync()
+    private void OpenDialog()
     {
-        this.Visibility = true;
+        IsDialogVisible = true;
     }
 
-    private async void OpenAsync()
+    private void OnDialogOpened()
     {
-        await ImageEditor.OpenAsync("https://ej2.syncfusion.com/react/demos/src/image-editor/images/bridge.png");
-        ImageEditor.RefreshAsync();
+        IsImageEditorOpened = true;
     }
 
-    private void BeforeDialogOpen(Syncfusion.Blazor.Popups.BeforeOpenEventArgs args)
+    private void OnDialogClosed()
     {
-        this.ShowButton = false;
+        IsImageEditorOpened = false;
     }
 
-    private void DialogClosed(Syncfusion.Blazor.Popups.CloseEventArgs args)
+    private async void OnImageEditorCreated()
     {
-        this.ShowButton = true;
+        await ImageEditor.OpenAsync("https://ej2.syncfusion.com/react/demos/src/image-editor/images/bridge.png");
     }
 }
 ```

blazor/image-editor/images/blazor-image-editor-dialog.jpg

@@ -277,7 +277,7 @@ The following example shows how to set up these features in your Blazor applicat
         </p>
     </Description>
     <div class="pivot-toast">
-    <SfToast ID="toast_default" @ref="ToastObj" Title="Server is busy right now, Please try again" Content="@ToastContent" Timeout="5000" Icon="e-meeting">
+    <SfToast ID="toast_default" @ref="ToastObj" Title="Server Busy" Content="@ToastContent" Timeout="5000" Icon="e-meeting">
     <ToastPosition X="@ToastPosition"></ToastPosition>
     </SfToast>
     </div>  
@@ -867,4 +867,4 @@ A complete working example is available in the [Syncfusion Blazor AI Samples Git
 
 Explore the AI-powered Smart Pivot Table in action by visiting the live demo:
 
-👉 [Try the Live Demo](https://blazor.syncfusion.com/demos/pivot-table/ai-smart-pivot?theme=fluent2)
+👉 [Try the Live Demo](https://blazor.syncfusion.com/demos/pivot-table/ai-smart-pivot?theme=fluent2)