986770: Revamp of UG contents open-pdf-file and save-pdf-file

Author: SF4524LogeshKumar

Document-Processing/PDF/PDF-Viewer/angular/open-pdf-file/from-amazon-s3.md

@@ -8,17 +8,17 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Open PDF file from AWS S3
+# Open PDF from AWS S3
 
-PDF Viewer allows to load PDF file from AWS S3 using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from AWS S3.
+The Angular PDF Viewer component supports loading PDF files from AWS S3 using either the standalone or the server-backed PDF Viewer. The following steps demonstrate both approaches.
 
-## Using Standalone PDF Viewer
+## Using the standalone PDF Viewer
 
-To load a PDF file from AWS S3 in a PDF Viewer, you can follow the steps below.
+Follow these steps to load a PDF from AWS S3 in the standalone PDF Viewer.
 
 **Step 1:** Create a PDF Viewer sample in Angular
 
-Follow the instructions provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample in Angular. This will set up the basic structure of your PDF Viewer application.
+Follow the instructions in the getting started guide (Angular) to create a basic PDF Viewer sample: [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started)
 
 **Step 2:** Modify the `src/app/app.component.ts` File in the Angular Project
 
@@ -28,7 +28,7 @@ Follow the instructions provided in this [link](https://help.syncfusion.com/docu
 import * as AWS from 'aws-sdk';
 ```
 
-2. Configures AWS SDK with the region, access key, and secret access key. This configuration allows the application to interact with AWS services like S3.
+2. Configure the AWS SDK with the region, access key, and secret access key so the application can interact with S3.
 
 N> Replace **Your Region** with the actual Region of your AWS S3 account and **Your Access Key** with the actual Access Key of your AWS S3 account and **Your Security Access Key** with the actual Security Access Key of your AWS S3 account.
 
@@ -40,7 +40,7 @@ AWS.config.update({
 });
 ```
 
-3. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then Uses the getObject method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer then load Base64 strikng generated into the viewer.load method.
+3. Set parameters for fetching the PDF (bucket name and file key). Use S3.getObject to retrieve the document, convert it to a Base64 string, and pass it to viewer.load.
 
 N> Replace **Your Bucket Name** with the actual Bucket name of your AWS S3 account and **Your Key** with the actual File Key of your AWS S3 account.
 
@@ -76,13 +76,13 @@ N> The **npm install aws-sdk** package must be installed in your application to
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-aws-s3/tree/master/Open%20and%20Save%20PDF%20in%20AWS%20S3%20using%20Standalone).
 
-## Using Server-Backed PDF Viewer
+## Using the server-backed PDF Viewer
 
-To load a PDF file from AWS S3 in a PDF Viewer, you can follow the steps below
+Follow these steps to load a PDF from AWS S3 using the server-backed PDF Viewer
 
 **Step 1:** Create a Simple PDF Viewer Sample in Angular
 
-Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF viewer sample in Angular. This will give you a basic setup of the PDF viewer component.
+Create a basic PDF Viewer sample by following the getting started guide: [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started)
 
 **Step 2:** Modify the `PdfViewerController.cs` File in the Web Service Project
 
@@ -183,11 +183,11 @@ public async Task<IActionResult> Load([FromBody] Dictionary<string, string> json
 }
 ```
 
-N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Your Bucket name from AWS S3** with your actual AWS access key, secret key and bucket name
+N> Replace the placeholders with your actual AWS credentials and bucket name: Access Key, Secret Key, and Bucket Name.
 
-**Step 3:**  Set the PDF Viewer Properties in Angular PDF viewer component
+**Step 3:** Configure the PDF Viewer component
 
-Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from AWS S3. Ensure that you correctly pass the document name from the files available in your AWS S3 bucket to the documentPath property.
+Set the serviceUrl of the PDF Viewer to your web service endpoint (replace the localhost URL with your server URL). Set the documentPath to the PDF file name to load from AWS S3. Ensure the document name matches an object in your bucket.
 
 ```typescript
 import { Component, OnInit } from '@angular/core';

Document-Processing/PDF/PDF-Viewer/angular/open-pdf-file/from-azure-active-directory.md

@@ -8,17 +8,17 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Open PDF From Azure Active Directory in Viewer
+# Open PDF from Azure Active Directory
 
-### **Overview**
+### Overview
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to load and save PDF files directly from Azure Active Directory (AAD). Below are the steps to securely load and store PDF documents from and to AAD using the PDF Viewer.
+The TypeScript PDF Viewer component supports loading and saving PDF files with Azure Active Directory (AAD). The following steps explain how to securely load and store PDFs using AAD.
 
-### **Steps to Open the PDF File from Azure Active Directory**
+### Steps to open a PDF from Azure Active Directory
 
 ---
 
-### **Step 1: Register an Application in Azure Active Directory (AAD)**
+### Step 1: Register an application in Azure Active Directory (AAD)
 
 1. **Go to the Azure Portal**:
    - Navigate to [Azure Portal](https://portal.azure.com).
@@ -40,7 +40,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to lo
 
 ---
 
-### **Step 2: Create the Azure Storage Account**
+### Step 2: Create the Azure Storage account
 
 1. **Create a Storage Account**:
    - In the Azure portal, use the search bar to search for **Storage accounts**.
@@ -50,7 +50,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to lo
 
 ---
 
-### **Step 3: Assign Role to the Application**
+### Step 3: Assign a role to the application
 
 1. **Go to your Storage Account**:
    - Navigate to **Access control (IAM)** > **Add role assignment** in your Azure Storage Account.
@@ -65,7 +65,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to lo
     ![add-role](../images/add-role.png)
 ---
 
-### **Step 4: Upload the PDF Document to the Azure Storage Account**
+### Step 4: Upload the PDF to Azure Storage
 
 1. **Navigate to Data Storage**:
    - In the Azure portal, go to **Data storage** > **Containers**.
@@ -76,7 +76,7 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to lo
     ![upload-pdf](../images/upload-pdf.png)
 ---
 
-### **Step 5: Server-Side Configuration**
+### Step 5: Server-side configuration
 
 1. **Configure Server-Side Code**:
    - Open the server-side application (e.g., ASP.NET Core) and configure the following details in the `PdfViewerController` file:
@@ -91,29 +91,29 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer allows you to lo
 
 ---
 
-### **Step 6: Client-Side Configuration**
+### Step 6: Client-side configuration
 
-1. **Run the Angular Sample**:
+1. Run the TypeScript Sample:
    - Start the Angular sample that includes the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer.
 
-2. **Load PDF from AAD**:
-   - When the user clicks the **Load from AAD** button, the Angular client will make an HTTP request to the server-side API to fetch the PDF from Azure Blob Storage.
+2. Load PDF from AAD:
+   - When the user clicks the Load from AAD button, the JS client will make an HTTP request to the server-side API to fetch the PDF from Azure Blob Storage.
    - The server will retrieve the PDF from Azure, convert it to a base64 string, and return it to the client.
 
-3. **Display PDF in the PDF Viewer**:
+3. Display PDF in the PDF Viewer:
    - Once the base64 string is received, the PDF Viewer will load the PDF using the `viewer.load()` method.
 
 ---
 
-### **Step 7: Save the PDF Document to Azure**
+### Step 7: Save the PDF to Azure
 
 1. **Save PDF to AAD**:
    - The user can click the **Save to AAD** button to upload any modifications to the PDF back to Azure Blob Storage.
    - This action sends the modified PDF to the server, where it is converted into a byte array and saved to the specified Azure Blob container.
 
 ---
 
-### **Server-Side Code Snippets**
+### Server-side code
 ```cs
 string tenantId = "Provide the tenant id here";
 string clientId = "Provide the clientid here";
@@ -167,7 +167,7 @@ public async Task<IActionResult> SaveToAAD([FromBody] Dictionary<string, string>
 
 ```
 
-### **Client-side Code Snippets**
+### Client-side code
 
 ```typescript
 

Document-Processing/PDF/PDF-Viewer/angular/open-pdf-file/from-azure-blob-storage.md

@@ -8,17 +8,17 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Open PDF file from Azure Blob Storage
+# Open PDF from Azure Blob Storage
 
-Currently, it's possible to load a PDF file from Azure Blob Storage into a PDF Viewer using either the Standalone or Server-backend PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from Azure Blob Storage.
+The Angular PDF Viewer component supports loading PDF files from Azure Blob Storage using either the standalone or the server-backed PDF Viewer. The following steps demonstrate both approaches.
 
-## Open PDF file from Azure Blob Storage using Standalone PDF Viewer
+## Using the standalone PDF Viewer
 
-To load a PDF file from Azure Blob Storage in a PDF Viewer, you can follow the steps below
+Follow these steps to load a PDF from Azure Blob Storage in the standalone PDF Viewer.
 
 **Step 1:** Create a Simple PDF Viewer Sample in Angular
 
-Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF viewer sample in Angular. This will give you a basic setup of the PDF viewer component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample in Angular. This will give you a basic setup of the PDF Viewer component.
 
 **Step 2:** Modify the `src/app/app.component.ts` File in the Angular Project
 
@@ -32,7 +32,7 @@ private containerName: string = "*Your container name in Azure*";
 private blobName: string = "*Your Blob name in Azure*";
 ```
 
-2. Constructs the URL to the PDF in Azure Blob Storage. Calls fetchAndConvertToBase64 to fetch the PDF and convert it to a base64 string. Then Loads the base64 string into the PDF Viewer.
+2. Construct the URL to the PDF in Azure Blob Storage. Call fetchAndConvertToBase64 to fetch the PDF and convert it to a base64 string. Then load the base64 string into the PDF Viewer.
 
 ```typescript
 LoadPdfFromBlob() {
@@ -50,7 +50,7 @@ LoadPdfFromBlob() {
 }
 ```
 
-3. Then it retrieves the PDF file from the given URL and converts the fetched Blob to a base64 string using blobToBase64.
+3. Retrieve the PDF from the URL and convert the fetched Blob to a base64 string using blobToBase64.
 
 ```typescript
 async fetchAndConvertToBase64(url: string): Promise<string | null> {
@@ -70,7 +70,7 @@ async fetchAndConvertToBase64(url: string): Promise<string | null> {
 }
 ```
 
-4. Uses FileReader to convert a Blob to a base64 string. Resolves the promise with the base64 string or rejects it in case of an error.
+4. Use FileReader to convert a Blob to a base64 string. Resolve the promise with the base64 string or reject it in case of an error.
 
 ```typescript
 blobToBase64(blob: Blob): Promise<string> {
@@ -88,13 +88,13 @@ blobToBase64(blob: Blob): Promise<string> {
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-azure-blob-storage).
 
-## Open PDF file from Azure Blob Storage using Server-Backend PDF Viewer
+## Using the server-backed PDF Viewer
 
-To load a PDF file from Azure Blob Storage in a PDF Viewer, you can follow the steps below
+Follow these steps to load a PDF from Azure Blob Storage using the server-backed PDF Viewer.
 
 **Step 1:** Create a Simple PDF Viewer Sample in Angular
 
-Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF viewer sample in Angular. This will give you a basic setup of the PDF viewer component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample in Angular. This will give you a basic setup of the PDF Viewer component.
 
 **Step 2:** Modify the `PdfViewerController.cs` File in the Web Service Project
 
@@ -125,7 +125,7 @@ public PdfViewerController(IConfiguration configuration, ILogger<PdfViewerContro
 }
 ```
 
-5. Modify the `Load()` method to load the PDF files from  Azure Blob Storage
+5. Modify the `Load()` method to load PDF files from Azure Blob Storage.
 
 ```csharp
 
@@ -177,11 +177,11 @@ public IActionResult Load([FromBody] Dictionary<string, string> jsonObject)
 }
 ```
 
-N> Replace **Your Connection string from Azure** with the actual connection string for your Azure Blob Storage account and **Your container name in Azure** with the actual container name
+N> Replace the placeholders with your actual values: Azure storage connection string and container name.
 
-**Step 3:**  Set the PDF Viewer Properties in Angular PDF viewer component
+**Step 3:** Configure the PDF Viewer component
 
-Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Azure Blob Storage. Ensure that you correctly pass the document name from the files available in your azure contanier to the documentPath property.
+Set the serviceUrl to your web service endpoint (replace the localhost URL with your server URL). Set documentPath to the PDF file name to load from Azure Blob Storage. Ensure the document name exists in your Azure container.
 
 ```typescript
 import { Component, OnInit } from '@angular/core';

Document-Processing/PDF/PDF-Viewer/angular/open-pdf-file/from-box-cloud-file-storage.md

@@ -1,26 +1,26 @@
 ---
 layout: post
-title: Open PDF files from Box cloud file storage in Angular Pdfviewer Component | Syncfusion
-description: Learn here all about how to Open PDF files from Box cloud file storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more.
+title: Open PDF from Box cloud storage in Angular PDF Viewer | Syncfusion
+description: Learn how to load PDFs from Box cloud storage in the Syncfusion Angular PDF Viewer component.
 platform: document-processing
 control: Open PDF files from Box cloud file storage
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Open PDF file from Box cloud file storage
+# Open PDF from Box cloud storage
 
-To load a PDF file from Box cloud file storage in a PDF Viewer, you can follow the steps below
+Follow these steps to load a PDF from Box cloud storage using the server-backed PDF Viewer.
 
-**Step 1** Set up a Box developer account and create a Box application
+**Step 1:** Set up a Box developer account and create a Box application
 
-To access Box storage programmatically, you'll need a developer account with Box. Go to the [Box Developer Console](https://developer.box.com/), sign in or create a new account, and then create a new Box application. This application will provide you with the necessary credentials Client ID and Client Secret to authenticate and access Box APIs. Before accessing files, you need to authenticate your application to access your Box account. Box API supports `OAuth 2.0 authentication` for this purpose.
+Create a developer account and Box application in the [Box Developer Console](https://developer.box.com/). Note the Client ID and Client Secret. Use OAuth 2.0 to authenticate the application.
 
-**Step 2:** Create a Simple PDF Viewer Sample in Angular
+**Step 2:** Create a PDF Viewer sample in Angular
 
-Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF viewer sample in Angular. This will give you a basic setup of the PDF viewer component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample in Angular. This will give you a basic setup of the PDF Viewer component.
 
-**Step 3:** Modify the `PdfViewerController.cs` File in the Web Service Project
+**Step 3:** Modify the PdfViewerController.cs file in the web service project
 
 1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/kb/11063/how-to-create-pdf-viewer-web-service-in-net-core-3-0-and-above) for instructions on how to create a web service project.
 
@@ -57,7 +57,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache
 
 ```
 
-5. Modify the `Load()` method to load the PDF files from Box cloud file storage.
+5. Modify the Load() method to load PDF files from Box cloud storage.
 
 ```csharp
 
@@ -129,11 +129,11 @@ public async Task<IActionResult> Load([FromBody] Dictionary<string, string> json
 }
 ```
 
-N> replace **Your_Box_Storage_Access_Token** with your actual box access token, and **Your_Folder_ID** with the ID of the folder in your box storage where you want to perform specific operations. Remember to use your valid box API credentials, as **Your_Box_Storage_ClientID** and **Your_Box_Storage_ClientSecret"** are placeholders for your application's API key and secret.
+N> Replace the placeholders with your actual Box values: Access Token, Folder ID, Client ID, and Client Secret.
 
-**Step 4:**  Set the PDF Viewer Properties in Angular PDF viewer component
+**Step 4:** Configure the PDF Viewer component
 
-Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Box cloud file storage. Ensure that you correctly pass the document name from the files available in your box folder to the documentPath property.
+Set the serviceUrl to your web service endpoint (replace the localhost URL with your server URL). Set documentPath to the PDF file name to load from Box cloud storage. Ensure the document name exists in your Box folder.
 
 ```typescript
 import { Component, OnInit } from '@angular/core';
@@ -165,6 +165,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
 
 N> The **Box.V2.Core** NuGet package must be installed in your application to use the previous code example.
 
-N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the `documentPath` property of the PDF viewer component
+N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud storage. Make sure to pass the document name from the Box folder to the `documentPath` property of the PDF Viewer component
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-box-cloud-file-storage)