Merge branch 'development' of https://github.com/syncfusion-content/document-processing-docs into 998464-blazor-dcos

Author: Tamilselvan-Durairaj

Document-Processing-toc.html

@@ -2584,7 +2584,6 @@
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Split-Documents">Split PDF</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Text-Extraction">Text Extraction</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Redaction">Redaction</a></li>
-							<li><a href="/document-processing/pdf/pdf-library/javascript/Supported-and-Unsupported-Features">Supported and Unsupported Features</a></li>
 						</ul>
 
 					</li>

Document-Processing/Excel/Spreadsheet/Blazor/open-and-save.md

@@ -72,6 +72,117 @@ An Excel file encoded as a Base64 string can be loaded into the Spreadsheet comp
 {% endhighlight %}
 {% endtabs %}
 
+### Open an Excel file from Google Drive
+To load an Excel file from `Google Drive` in the Blazor Spreadsheet, follow the steps below.
+
+**Prerequisites:**
+- [Google Cloud project](https://developers.google.com/workspace/guides/create-project) in the Google Cloud Console.
+- [Service account](https://cloud.google.com/iam/docs/service-accounts-create) within the GCP project.
+- [Service account key](https://cloud.google.com/iam/docs/keys-create-delete) (JSON) available on disk.
+- [Google Drive API enabled](https://console.cloud.google.com/apis/library/drive.googleapis.com) for the project.
+- [Google Drive account](https://drive.google.com/) with access to the file to download.
+- [Google.Apis.Drive.v3](https://www.nuget.org/packages/Google.Apis.Drive.v3) NuGet package installed in your project to access Google Drive API.
+
+**Step 1:** Install required NuGet packages
+
+To use Google Drive with the Blazor Spreadsheet, install the following packages:
+
+- [Google.Apis.Drive.v3](https://www.nuget.org/packages/Google.Apis.Drive.v3) — to access the Google Drive API
+- [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet) — to use the Syncfusion Blazor Spreadsheet component
+
+**Step 2:** Include the following namespaces in the **Index.razor** file
+
+Import the required namespaces at the top of the file:
+
+```
+@using Google.Apis.Auth.OAuth2;
+@using Google.Apis.Drive.v3;
+@using Google.Apis.Services;
+@using Syncfusion.Blazor.Spreadsheet;
+@using System.IO;
+```
+
+**Step 3:** Download the Excel file, convert to bytes, and prepare for binding
+
+Add the below code example to download the `Google Drive` file using the Drive API, convert the stream to a byte array, and bind it to the [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_DataSource) property.
+
+{% tabs %}
+{% highlight razor %}
+
+@page "/"
+
+@if (IsSpreadsheetDataLoaded)
+{
+    <SfSpreadsheet DataSource="DataSourceBytes">
+        <SpreadsheetRibbon></SpreadsheetRibbon>
+    </SfSpreadsheet>
+}
+@code{
+ 
+    public byte[] DataSourceBytes { get; set; }
+ 
+    // Flag to indicate whether the spreadsheet data has been loaded and is ready for rendering
+    public bool IsSpreadsheetDataLoaded { get; set; }
+ 
+    protected override async Task OnInitializedAsync()
+    {
+        //Download the document from Google Drive
+        MemoryStream stream = await GetDocumentFromGoogleDrive();
+
+        //Set the position as '0'
+        stream.Position = 0;
+
+        // Convert the MemoryStream to a byte array to be used as the DataSource
+        DataSourceBytes = stream.ToArray();
+ 
+        // Set the flag to true to indicate that the spreadsheet data is ready
+        IsSpreadsheetDataLoaded = true;
+    }
+ 
+    // Download file from Google Drive
+    public async Task<MemoryStream> GetDocumentFromGoogleDrive()
+    {
+        //Define the path to the service account key file
+        string serviceAccountKeyPath = "Your_service_account_key_path";
+
+        //Specify the file ID of the file to download
+        string fileID = "Your_file_id";
+ 
+        try
+        {
+            //Authenticate the Google Drive API access using the service account key
+            GoogleCredential credential = GoogleCredential.FromFile(serviceAccountKeyPath).CreateScoped(DriveService.ScopeConstants.Drive);
+ 
+            //Create the Google Drive service
+            DriveService service = new DriveService(new BaseClientService.Initializ()
+            {
+                HttpClientInitializer = credential
+            });
+ 
+            //Create a request to get the file from Google Drive
+            var request = service.Files.Get(fileID);
+ 
+            //Download the file into a MemoryStream
+            MemoryStream stream = new MemoryStream();
+            await request.DownloadAsync(stream);
+ 
+            return stream;
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error retrieving document from Google Drive: {ex.Message}");
+            throw;
+        }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Replace **Your_file_id** with the actual Google Drive file ID, and **Your_service_account_key_path** with the actual path to your service account key JSON file.
+
+N> The **FileID** is the unique identifier for a Google Drive file. For example, if the file URL is: `https://drive.google.com/file/d/abc123xyz456/view?usp=sharing`, then the file ID is `abc123xyz456`.
+
 ### Supported file formats
 The Spreadsheet component supports opening the following file formats:
 * Microsoft Excel Workbook (.xlsx)

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md

@@ -33,6 +33,17 @@ Start a new Angular application using the Angular CLI command as follows.
 ng new my-app
 cd my-app
 ```
+
+## Installing Syncfusion<sup>&reg;</sup> JavaScript package
+
+All the available JS 2 packages are published in `npmjs.com` registry.
+
+* To install PDF component, use the following command.
+
+```bash
+npm install @syncfusion/ej2-pdf --save
+```
+
 ## Create a PDF document using TypeScript
 
 * Add a simple button to `app.component.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md

@@ -16,15 +16,15 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 
 ## Integrate PDF library into an ASP.NET Core application
 
-1. Start Visual Studio and select **Create a new project**.
-2. In the **Create a new project** dialog, select **ASP.NET Core Web App**.
+Step 1: Start Visual Studio and select **Create a new project**.
+Step 2: In the **Create a new project** dialog, select **ASP.NET Core Web App**.
 ![ASP.NET Core PDF creation1](Getting_started_images/Asp-net-core-creation1.png)
-3. In the **Configure your new project** dialog, enter the project name and select **Next**.
+Step 3: In the **Configure your new project** dialog, enter the project name and select **Next**.
 ![ASP.NET Core PDF creation2](Getting_started_images/Asp-net-core-creation2.png)
-4. In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**.
+Step 4: In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**.
 ![ASP.NET Core PDF creation3](Getting_started_images/Asp-net-core-creation3.png)
 
-5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+Step 5: **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
 
 {% tabs %}
 {% highlight c# tabtitle="~/_Layout.cshtml" %}
@@ -38,7 +38,7 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 {% endhighlight %}
 {% endtabs %}
 
-6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
 {% highlight c# tabtitle="~/Index.cshtml" %}
@@ -75,9 +75,9 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 {% endhighlight %}
 {% endtabs %}
 
-7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+step 7: **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
 
-8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+Step 8: **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
 
 By executing the program, you will generate the following PDF document.
 

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md

@@ -16,15 +16,15 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 
 ## Integrate PDF library into an ASP.NET MVC application
 
-1. Start Visual Studio and select **Create a new project**.
-2. Create a new ASP.NET MVC Web Application project.
+Step 1: Start Visual Studio and select **Create a new project**.
+Step 2: Create a new ASP.NET MVC Web Application project.
 ![ASP.NET Core MVC PDF creation1](Getting_started_images/Asp-net-mvc-creation1.png)
-3. Choose the target framework.
+Step 3: Choose the target framework.
 ![ASP.NET Core MVC PDF creation2](Getting_started_images/Asp-net-mvc-creation2.png)
-4. Select Web Application pattern (MVC) for the project and then select **Create** button.
+Step 4: Select Web Application pattern (MVC) for the project and then select **Create** button.
 ![ASP.NET Core MVC PDF creation3](Getting_started_images/Asp-net-mvc-creation3.png)
 
-5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+Step 5: **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
 
 {% tabs %}
 {% highlight c# tabtitle="~/_Layout.cshtml" %}
@@ -38,7 +38,7 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 {% endhighlight %}
 {% endtabs %}
 
-6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+Step 6: **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
 {% highlight c# tabtitle="~/Index.cshtml" %}
@@ -75,9 +75,9 @@ This guide explains how to integrate the JavaScript PDF library into an ASP.NET
 {% endhighlight %}
 {% endtabs %}
 
-7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+Step 7: **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
 
-8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+Step 8: **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
 
 By executing the program, you will generate the following PDF document.
 

Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md

@@ -14,9 +14,9 @@ The Syncfusion<sup>&reg;</sup> JS 2 for JavaScript (global script) is an ES5 for
 
 ## Component Initialization with CDN link for script and style reference
 
-**Step 1:** Create an app folder `my-app` for the JS 2 JavaScript components.
+Step 1: Create an app folder `my-app` for the JS 2 JavaScript components.
 
-**Step 2:** The JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
+Step 2: The JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
 
 **Syntax:**
 > Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js`
@@ -28,7 +28,7 @@ The Syncfusion<sup>&reg;</sup> JS 2 for JavaScript (global script) is an ES5 for
 >
 > Styles: [`https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css)
 
-**Step 3:** Create a HTML page (index.html) in `my-app` location and add the CDN link references.
+Step 3: Create a HTML page (index.html) in `my-app` location and add the CDN link references.
 
 {% tabs %}
 {% highlight ts tabtitle="index.html" %}
@@ -42,7 +42,7 @@ The Syncfusion<sup>&reg;</sup> JS 2 for JavaScript (global script) is an ES5 for
 {% endhighlight %}
 {% endtabs %}
 
-**Step 4:** **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+Step 4: **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
 
 {% tabs %}
 {% highlight c# tabtitle="~/Index.html" %}

Document-Processing/PDF/PDF-Library/javascript/Overview.md

@@ -36,7 +36,7 @@ The following are the key features of this library.
 
 ## Supported web platforms
 
-* ASP.NET core
+* ASP.NET Core
 * ASP.NET MVC
 * Angular
 * React