Merge branch 'development' into ES-981760-dev-fm

Author: PrasanthMadhaiyan

blazor-toc.html

@@ -4168,6 +4168,7 @@
 			<li> <a href="/blazor/rich-text-editor/keyboard-support">Keyboard shortcuts</a></li>
 			<li> <a href="/blazor/rich-text-editor/accessibility">Accessibility</a></li>
 			<li> <a href="/blazor/rich-text-editor/webassembly-performance">WebAssembly Performance</a></li>
+			<li> <a href="/blazor/rich-text-editor/import-export">Import and Export</a></li>
 			<li> <a href="/blazor/rich-text-editor/miscellaneous">Miscellaneous</a></li>
 			<li> <a href="/blazor/rich-text-editor/events">Events</a></li>
 			<li>How To

blazor/file-manager/end-user-capabilities.md

@@ -141,6 +141,16 @@ Refer to the [Toolbar](https://blazor.syncfusion.com/documentation/file-manager/
 
 ![Download a file in Blazor FileManger](./images/blazor-filemanager-download-operation.png)
 
+### Upload Files or Folders via context menu
+
+In the Blazor File Manager component, you can perform the files or folder [upload](https://blazor.syncfusion.com/documentation/file-manager/file-operations#uploading-files) operations with the help of Context Menu items by switching between the Files or Folder from Upload menu item.
+
+Refer to the [Context Menu](https://blazor.syncfusion.com/documentation/file-manager/context-menu) sections to learn more about the items that are present in Context Menu.
+
+![Upload a file in Blazor FileManger](./images/blazor-filemanager-fileupload.png)
+
+![Download a folder in Blazor FileManger](./images/blazor-filemanager-folderupload.png)
+
 ### Searching Files and Folders
 
 In the Blazor File Manager component, you are able to [search](https://blazor.syncfusion.com/documentation/file-manager/file-operations#searching-files-and-folders) for the wanted files and folders using the default input search functionality option.

blazor/file-manager/images/blazor-filemanager-fileupload.PNG

@@ -39,6 +39,32 @@ The screenshot below shows after successfully selecting a directory it uploads a
 
 ![Blazor File Manager with DirectoryUpload](images/blazor-filemanager-directoryupload.png)
 
+## Sequential Upload
+
+The [SequentialUpload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_SequentialUpload) property controls whether users can upload files one by one in a sequential manner. 
+
+To enable sequential upload, set the `SequentialUpload` property to `true` in the [FileManagerUploadSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html) configuration.
+
+When set to `true`, the selected files will process sequentially (one after the other) to the server. If the file uploaded successfully or failed, the next file will upload automatically in this sequential upload. This feature helps to reduce the upload traffic and reduce the failure of file upload.
+
+```cshtml
+
+@using Syncfusion.Blazor.FileManager
+
+<SfFileManager TValue="FileManagerDirectoryContent">
+    <FileManagerUploadSettings SequentialUpload  = "true"></FileManagerUploadSettings>
+    <FileManagerAjaxSettings Url="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations"
+                             UploadUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload"
+                             DownloadUrl="https://ej2-aspcore-service.azurewebsites.net/api//FileManager/Download"
+                             GetImageUrl="https://ej2-aspcore-service.azurewebsites.net/api/test/FileManager/GetImage">
+    </FileManagerAjaxSettings>
+</SfFileManager>
+
+```
+The screenshot below shows that each file begins uploading only after the previous one completes. This demonstrates how the `SequentialUpload` property works in the Blazor File Manager component.
+
+![Blazor File Manager with SequentialUpload](images/blazor-filemanager-sequentialupload.png)
+
 ## Chunk Upload
 
 The [ChunkSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_ChunkSize) property specifies the size of each chunk when uploading large files. It divides the file into smaller parts, which are uploaded sequentially to the server

blazor/file-manager/images/blazor-filemanager-folderupload.PNG

@@ -421,3 +421,93 @@ public WordDocument GetDocument(string htmlText)
 {% endtabs %}
 
 N> [View Sample in GitHub](https://github.com/SyncfusionExamples/blazor-rich-text-editor-export-to-html).
+
+## Securely Export Word or PDF Documents with Authentication
+
+You can include custom data when exporting Word or PDF documents, such as authentication tokens or other parameters. Use the `OnExport` event with its `RequestHeader` and `CustomFormData` properties to send these values to the server. On the server side, the authentication token can be read from the request headers, and the custom data can be accessed from the request body, which contains the values sent via a POST request.
+
+The following example demonstrates how to pass authentication tokens and custom data during export:
+
+{% tabs %}
+{% highlight razor %}
+@using Syncfusion.Blazor.RichTextEditor
+<SfRichTextEditor>
+    <RichTextEditorEvents OnExport="@Export" />
+    <RichTextEditorToolbarSettings Items="@Items" />
+    <RichTextEditorExportPdf ServiceUrl="@exportPdfServiceUrl" />
+    <RichTextEditorExportWord ServiceUrl="@exportWordServiceUrl" />
+    Rich Text Editor
+</SfRichTextEditor>
+@code {
+    private string exportWordServiceUrl = "https://blazor.syncfusion.com/services/production/api/RichTextEditor/ExportToDocx";
+    private string exportPdfServiceUrl = "https://blazor.syncfusion.com/services/production/api/RichTextEditor/ExportToPdf";
+    private List<ToolbarItemModel> Items = new List<ToolbarItemModel>()
+    {
+        new ToolbarItemModel() { Command = ToolbarCommand.ExportPdf },
+        new ToolbarItemModel() { Command = ToolbarCommand.ExportWord },
+    };
+    private void Export(ExportingEventArgs args)
+    {
+        // Assign different authentication tokens depending on the export type (Pdf or Word)
+        var token = (args.ExportType == "Pdf" ? "Pdf Bearer token" : "Word Bearer token");
+        args.RequestHeader = new Dictionary<string, string>
+        {
+            { "Authorization", token }
+        };
+        args.CustomFormData = new Dictionary<string, string>
+        {
+            { "userId", "12345" }
+        };
+    }
+}
+{% endhighlight %}
+{% endtabs %}
+
+{% tabs %}
+{% highlight controller %}
+
+using System;
+using System.IO;
+using System.Net.Http.Headers;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Http;
+using System.Collections.Generic;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.AspNetCore.Http.Features;
+
+namespace ExportService.Controllers
+{
+    [ApiController]
+    public class ExportController : ControllerBase
+    {
+        private readonly IWebHostEnvironment hostingEnv;
+
+        public ExportController(IWebHostEnvironment env)
+        {
+            this.hostingEnv = env;
+        }
+        public class ExportParam
+        {
+            public string? Html { get; set; }
+            public object? FormData { get; set; }
+        }
+        [AcceptVerbs("Post")]
+        [EnableCors("AllowAllOrigins")]
+        [Route("api/RichTextEditor/ExportToPdf")]
+        public async Task<ActionResult> ExportToPdf([FromBody] ExportParam args)
+        {
+            // Fetch authentication token from request headers
+            var authorization = Request.Headers["Authorization"].ToString();
+            // Access custom form data from the request body
+            Console.WriteLine("Authorization: " + authorization);
+            Console.WriteLine("Form Data: " + args.FormData);
+            Console.WriteLine("HTML Content: " + args.Html);
+            // Your export logic here
+            // Validate token, process formData, generate PDF, etc.
+            return Ok();
+        }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}