Skip to content

Commit cbc90e8

Browse files
981582: RevampSavePdf
1 parent 56fcd0e commit cbc90e8

File tree

5 files changed

+49
-50
lines changed

5 files changed

+49
-50
lines changed

Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-amazon-s3.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ To save a PDF file to AWS S3, you can follow the steps below
1313

1414
**Step 1:** Create AWS S3 account
1515

16-
Set up an AWS S3 account by following the instructions on the official AWS site: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket and generate access keys while ensuring secure storage of
16+
Set up an AWS account and configure Amazon S3 by following the official guide: [AWS Management Console](https://docs.aws.amazon.com/AmazonS3/latest/userguide/Welcome.html). Create an S3 bucket, configure an IAM user or role with scoped permissions for S3 access, and generate access keys. Store credentials securely using environment variables.
1717

1818
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
1919

20-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20+
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
2121

2222
**Step 3:** Include the following namespaces in the **Index.razor** file.
2323

@@ -77,9 +77,9 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
7777
}
7878
```
7979

80-
Replace the file name with the actual document name that you want to load from AWS S3 bucket. Make sure to pass the document name from the AWS S3 bucket to the `documentPath` property of the SfPdfViewer component
80+
Replace the file name with the actual document name that you want to load from AWS S3 bucket. Make sure to pass the document name from the AWS S3 bucket to the [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component.
8181
82-
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
82+
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.
8383

8484
N> The **AWSSDK.S3** NuGet package must be installed in your application to use the previous code example.
8585

Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-azure-blob-storage.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
---
22
layout: post
3-
title: Save PDF files to Azure Storage in SfPdfViewer Component | Syncfusion
4-
description: Learn here all about how to save PDF files to Azure Blob Storage in Syncfusion Blazor SfPdfViewer component and much more details.
3+
title: Save PDF file to Azure Blob Storage in Blazor SfPdfViewer | Syncfusion
4+
description: Learn how to save PDF files to Azure Blob Storage using the Syncfusion Blazor SfPdfViewer component, including setup, and persistence workflow.
55
platform: document-processing
66
control: SfPdfViewer
77
documentation: ug
88
---
99

1010
# Save PDF file to Azure Blob Storage in Blazor SfPdfViewer
1111

12-
To save a PDF file to Azure Blob Storage , you can follow the steps below
12+
To save a PDF file to Azure Blob Storage, follow the steps below.
1313

1414
**Step 1:** Create the Azure Blob Storage account
1515

16-
Log in to the Azure Portal. Create a new Storage Account with preferred settings. Note access keys during the setup. Within the Storage Account, create a Blob Container following the steps in this [link](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
16+
Sign in to the Azure portal and create a Storage account with the desired configuration. Record the connection string during setup. Within the Storage account, create a Blob container. For detailed guidance, see Create a Storage account and container in the [Azure portal](https://learn.microsoft.com/azure/storage/common/storage-account-create?toc=%2Fazure%2Fstorage%2Fblobs%2Ftoc.json&tabs=azure-portal).
1717

18-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18+
**Step 2:** Create a Simple SfPdfViewer Sample in Blazor
1919

20-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20+
Create a basic Blazor Server application that hosts the SfPdfViewer component by following [Getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) with Blazor SfPdfViewer. This provides the baseline configuration required for the viewer.
2121

2222
**Step 3:** Include the following namespaces in the **Index.razor** file.
2323

@@ -72,11 +72,11 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
7272

7373
```
7474

75-
N> Replace **Your Connection string from Azure** with the actual connection string for your Azure Blob Storage account, **File Name to be Loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the file name to load from the Azure container to the SfPdfViewer, and **Your container name in Azure** with the actual container name.
75+
N> Replace **Your Connection string from Azure** with the actual connection string for the Azure Storage account, **File Name to be Loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the file name to load from the Azure container into the SfPdfViewer, and **Your container name in Azure** with the actual container name.
7676

77-
N> The **Azure.Storage.Blobs** NuGet package must be installed in your application to use the previous code example.
77+
N> The **Azure.Storage.Blobs** NuGet package must be installed in the application to use the previous code example.
7878

79-
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20Azure%20blob%20storage).
79+
[View the sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20Azure%20blob%20storage).
8080
8181
## See also
8282

Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-box-cloud-file-storage.md

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,25 @@
11
---
22
layout: post
3-
title: Save PDF files to Box storage in SfPdfViewer Component | Syncfusion
4-
description: Learn here all about how to save PDF files to Box cloud file storage in Syncfusion Blazor SfPdfViewer component and much more details.
3+
title: Save PDF files to Box storage in SfPdfViewer Component | Syncfusion
4+
description: Learn how to save PDF files to Box cloud file storage using the Syncfusion Blazor SfPdfViewer component, including setup, and upload workflow.
55
platform: document-processing
66
control: SfPdfViewer
77
documentation: ug
88
---
99

1010
# Save PDF file to Box cloud file storage in Blazor SfPdfViewer
1111

12-
To save a PDF file to Box cloud file storage, you can follow the steps below
12+
To save a PDF file to Box cloud file storage, follow the steps below.
1313

14+
**Step 1:** Set up a Box developer account and create a Box application
1415

15-
**Step 1** Set up a Box developer account and create a Box application
16+
To access Box storage programmatically, a Box developer account is required. Open the [Box Developer](https://developer.box.com/) Console and create a Box application. The application provides the Client ID and Client Secret used to authenticate with Box APIs. Before accessing files, the application must be authorized using `OAuth 2.0 authentication`.
1617

17-
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.
18+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
1819

19-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
20+
Create a basic Blazor Server application that hosts the SfPdfViewer component by following [Getting started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) with Blazor SfPdfViewer. This provides the baseline configuration required for the viewer.
2021

21-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
22-
23-
**Step 3:** Include the following namespaces in the **Index.razor** file.
22+
**Step 3:** Include the following namespaces in the **Index.razor** file
2423

2524
1. Import the required namespaces at the top of the file:
2625

@@ -33,7 +32,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
3332
@using Syncfusion.Blazor.Buttons
3433
```
3534

36-
**Step 4:** Add the below code example to save pdf to `Box cloud storage`
35+
**Step 4:** Add the following code example to save a PDF to `Box cloud storage`
3736

3837
```csharp
3938

@@ -82,9 +81,9 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
8281

8382
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.
8483

85-
N> The **Box.V2.Core** NuGet package must be installed in your application to use the previous code example.
84+
N> Install the **Box.V2.Core** NuGet package in the application to use the Box SDK types referenced in the example.
8685

87-
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](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component
86+
N> If loading a document by name, replace `PDF_Succinctly.pdf` with the actual file name, and assign it to the DocumentPath property of the SfPdfViewer component. For details, see the [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property of the SfPdfViewer component.
8887
8988
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20box%20cloud%20storage)
9089

Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-google-cloud-storage.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
---
22
layout: post
3-
title: Save PDF files to GCS in Blazor SfPdfViewer Component | Syncfusion
4-
description: Learn here all about how to Save PDF files to Google Cloud Storage in Syncfusion Blazor SfPdfViewer component and much more details.
3+
title: Save PDF files to Google Cloud Storage in SfPdfViewer | Syncfusion
4+
description: Learn how to save PDF files to Google Cloud Storage from the Syncfusion Blazor SfPdfViewer component with a secure, step-by-step workflow.
55
platform: document-processing
66
control: SfPdfViewer
77
documentation: ug
88
---
99

1010
# Save PDF file to Google Cloud Storage in Blazor SfPdfViewer
1111

12-
To save a PDF file to Google Cloud Storage in a SfPdfViewer, you can follow the steps below
12+
To save a PDF file to Google Cloud Storage from the SfPdfViewer, follow the steps below.
1313

14-
**Step 1** Create a Service Account
14+
**Step 1** Create a service account
1515

16-
Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`.` Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
16+
Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create service account`, enter a name, assign only the required role (for uploads, Storage Object Creator; use broader roles such as Storage Object Admin only if necessary), and create a key in JSON format. Download the key file securely. Use the downloaded key file in the application for authentication and access to the Google Cloud Storage bucket. For details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
1717

18-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
1919

20-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20+
Start by following the steps in this guide to create a [basic SfPdfViewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) sample in Blazor. This provides the initial setup of the SfPdfViewer component.
2121

2222
**Step 3:** Include the following namespaces in the **Index.razor** file.
2323

@@ -30,7 +30,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
3030
@using Syncfusion.Blazor.Buttons
3131
```
3232

33-
**Step 4:** Add the below code example to
33+
**Step 4:** Add the below code example to the Index.razor file to upload the currently loaded document to GCS.
3434

3535
```csharp
3636

@@ -70,13 +70,13 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
7070
}
7171
```
7272

73-
N> Replace **Your Bucket name from Google Cloud Storage** with the actual name of your Google Cloud Storage bucket and **File Name to be Loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the actual file name you want to load from the cloud bucket
73+
N> Replace **Your Bucket name from Google Cloud Storage** with the actual name of your Google Cloud Storage bucket and **File Name to be Loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the actual file name you want to load from the cloud bucket.
7474

75-
N> Replace **path/to/service-account-key.json** with the actual file path to your service account key JSON file. Make sure to provide the correct path and filename.
75+
N> Replace **path/to/service-account-key.json** with the actual file path to the service account key JSON file. Make sure to provide the correct path and filename.
7676

77-
N> The **Google.Cloud.Storage.V1** NuGet package must be installed in your application to use the previous code example.
77+
N> The **Google.Cloud.Storage.V1** NuGet package is required. Install it in the application before running the sample.
7878

79-
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20GCS)
79+
[View the sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20GCS)
8080
8181
## See also
8282

Document-Processing/PDF/PDF-Viewer/blazor/save-pdf-file/to-google-drive.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
---
22
layout: post
3-
title: Save PDF files to Google Drive in SfPdfViewer Component | Syncfusion
4-
description: Learn here all about how to save PDF files to Google Drive in Syncfusion Blazor SfPdfViewer component and much more details.
3+
title: Save PDF files to Google Drive in Blazor SfPdfViewer | Syncfusion
4+
description: Learn how to save PDF files to Google Drive using the Syncfusion Blazor SfPdfViewer, including required setup, and a working example.
55
platform: document-processing
66
control: SfPdfViewer
77
documentation: ug
88
---
99

10-
# Save PDF file to Google Drive in Blazor SfPdfViewer
10+
# Save PDF files to Google Drive in Blazor SfPdfViewer
1111

12-
To save a PDF file to Google Drive, you can follow the steps below
12+
Use the following steps to download the currently loaded PDF from the viewer and upload it to a specified Google Drive folder.
1313

14-
**Step 1** Set up Google Drive API
14+
**Step 1:** Set up the Google Drive API
1515

16-
You must set up a project in the Google Developers Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For more information, view the official [link](https://developers.google.com/drive/api/guides/enable-sdk).
16+
Create a project in Google Cloud Console and enable the Google Drive API. Obtain the necessary credentials to access the API. For detailed instructions, see Enable the [Google Drive API](https://developers.google.com/drive/api/guides/enable-sdk).
1717

18-
**Step 2:** Create a Simple SfPdfViewer Sample in blazor
18+
**Step 2:** Create a simple SfPdfViewer sample in Blazor
1919

20-
Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/server-side-application) to create a simple SfPdfViewer sample in blazor. This will give you a basic setup of the SfPdfViewer component.
20+
Follow the [Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-app) guide to create a basic Blazor application with the SfPdfViewer component.
2121

2222
**Step 3:** Include the following namespaces in the **Index.razor** file.
2323

@@ -33,7 +33,7 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
3333
@using Syncfusion.Blazor.Buttons
3434
```
3535

36-
**Step 4:** Add the below code example to save the downloaded PDF files to `Google drive` file.
36+
**Step 4:** Add the following example to save the downloaded PDF file to `Google Drive`.
3737

3838
```csharp
3939

@@ -99,13 +99,13 @@ Start by following the steps provided in this [link](https://help.syncfusion.com
9999

100100
```
101101

102-
N> Replace **Your Google Drive Folder ID** with your actual Google Drive folder ID, **Your Application name** with your actual application name, **File Name to be Loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the actual file name you want to load from the Azure container to the Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer and **Your Path to the OAuth 2.0 Client IDs JSON file** with the actual path to your OAuth 2.0 Client IDs JSON file
102+
N> Replace **Your Google Drive Folder ID** your actual Google Drive folder ID, **Your Application name** with the actual application name, **File Name to be loaded into Syncfusion<sup style="font-size:70%">&reg;</sup> SfPdfViewer** with the file to load into the viewer, and **Your Path to the OAuth 2.0 Client IDs JSON file** with the path to the downloaded OAuth client credentials JSON file.
103103

104-
N> The **FolderId** part is the unique identifier for the folder. For example, if your folder URL is: `https://drive.google.com/drive/folders/abc123xyz456`, then the folder ID is `abc123xyz456`.
104+
N> The **FolderId** is the unique identifier found in the folder URL. For example, for `https://drive.google.com/drive/folders/abc123xyz456`, the folder ID is `abc123xyz456`.
105105

106-
N> The **Google.Apis.Drive.v3** NuGet package must be installed in your application to use the previous code example.
106+
N> Install the **Google.Apis.Drive.v3** NuGet package in the application to use the Google Drive client.
107107

108-
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20Google%20Drive)
108+
[View the sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Open%20and%20Save%20from%20Google%20Drive)
109109
110110
## See also
111111

0 commit comments

Comments
 (0)