diff --git a/ej2-javascript-toc.html b/ej2-javascript-toc.html
index f722c9249..e1b797246 100644
--- a/ej2-javascript-toc.html
+++ b/ej2-javascript-toc.html
@@ -2963,7 +2963,7 @@
Release Notes
- - 2024 Volume 2 - 26.*
- 2024 Volume 1 - 25.*
+ - 2024 Volume 2 - 26.*
- 2024 Volume 1 - 25.*
- 2023 Volume 4 - 24.*
- 2023 Volume 3 - 23.*
- 2023 Volume 2 - 22.*
diff --git a/ej2-javascript/Release-notes/26.2.8.md b/ej2-javascript/Release-notes/26.2.8.md
new file mode 100644
index 000000000..b761e6ce7
--- /dev/null
+++ b/ej2-javascript/Release-notes/26.2.8.md
@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes
+platform: ej2-javascript
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name## Release Notes
+
+{% include release-info.html date="August 06, 2024" version="v26.2.8" %}
+
+{% directory path: _includes/release-notes/v26.2.8 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/open-pdf-file/from-dropbox-cloud-file-storage.md b/ej2-javascript/pdfviewer/js/open-pdf-file/from-dropbox-cloud-file-storage.md
index a40a1c1af..1f38db36c 100644
--- a/ej2-javascript/pdfviewer/js/open-pdf-file/from-dropbox-cloud-file-storage.md
+++ b/ej2-javascript/pdfviewer/js/open-pdf-file/from-dropbox-cloud-file-storage.md
@@ -11,6 +11,61 @@ domainurl: ##DomainURL##
# Open PDF file from Dropbox cloud file storage
+PDF Viewer allows to load PDF file from Drop Box using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from Drop Box.
+
+## Using Standalone PDF Viewer
+
+To load a PDF file from Dropbox cloud file storage in a PDF Viewer, you can follow the steps below
+
+**Step 1** Create a Dropbox API
+
+To create a Dropbox API App, you should follow the official documentation provided by Dropbox [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data.
+
+**Step 2:** Create a Simple PDF Viewer Sample in JavaScript
+
+Start by following the steps provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in JavaScript. This will give you a basic setup of the PDF viewer component.
+
+**Step 3:** Modify the `src/app/app.ts` File in the Angular Project
+
+1. Import the required namespaces at the top of the file:
+
+```typescript
+import { Dropbox } from 'dropbox';
+```
+
+2. Create an instance of the Dropbox class using an access token for authentication. Next, call the filesDownload method of this Dropbox instance to download the file located at /PDF_Succinctly.pdf. Upon successfully downloading the file, extract the file blob from the response. Convert this file blob to a Base64 string using the blobToBase64 method. Finally, load the Base64 string into a PDF viewer control.
+
+N> Replace **Your Access Token** with the actual Access Token of your Drop Box account.
+
+```typescript
+pdfviewer.created = function () {
+ let dbx = new Dropbox({ accessToken: 'Your Access Token' });
+ dbx.filesDownload({ path: '/PDF_Succinctly.pdf' }).then(async (response) => {
+ const blob = await (response.result as any).fileBlob;
+ const base64String = await blobToBase64(blob);
+ setTimeout(() => {
+ pdfviewer.load(base64String, "");
+ }, 2000);
+ });
+}
+
+function blobToBase64(blob: Blob): Promise {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(blob);
+ reader.onloadend = () => {
+ resolve(reader.result as string);
+ };
+ });
+}
+```
+
+N> The **npm install dropbox** package must be installed in your application to use the previous code example.
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Standalone)
+
+## Using Server-Backed PDF Viewer
+
To load a PDF file from Dropbox cloud file storage in a PDF Viewer, you can follow the steps below
**Step 1** Create a Dropbox API
@@ -136,4 +191,4 @@ viewer.load('PDF_Succinctly.pdf', null);
N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example.
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage)
\ No newline at end of file
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Server-Backed)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/save-pdf-file/to-dropbox-cloud-file-storage.md b/ej2-javascript/pdfviewer/js/save-pdf-file/to-dropbox-cloud-file-storage.md
index 38a808c55..8b5178cb4 100644
--- a/ej2-javascript/pdfviewer/js/save-pdf-file/to-dropbox-cloud-file-storage.md
+++ b/ej2-javascript/pdfviewer/js/save-pdf-file/to-dropbox-cloud-file-storage.md
@@ -11,6 +11,81 @@ domainurl: ##DomainURL##
# Save PDF file to Dropbox cloud file storage
+PDF Viewer allows to load PDF file from Drop Box using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from Drop Box.
+
+## Using Standalone PDF Viewer
+
+To save a PDF file to Dropbox cloud file storage, you can follow the steps below
+
+**Step 1** Create a Dropbox API
+
+To create a Dropbox API App, you should follow the official documentation provided by Dropbox [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data.
+
+**Step 2:** Create a PDF Viewer sample in JavaScript
+
+Follow the instructions provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample in JavaScript. This will set up the basic structure of your PDF Viewer application.
+
+**Step 3:** Modify the `src/app/app.ts` File in the Angular Project
+
+1. Import the required namespaces at the top of the file:
+
+```typescript
+import { Dropbox } from 'dropbox';
+```
+
+2. Configure a custom toolbar item for the download function to save a PDF file in Azure Blob Storage.
+
+```typescript
+let toolItem1: CustomToolbarItemModel = {
+ prefixIcon: 'e-icons e-pv-download-document-icon',
+ id: 'download_pdf',
+ tooltipText: 'Download file',
+ align: 'right'
+};
+
+pdfviewer.toolbarSettings = { toolbarItems: [ 'OpenOption', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', toolItem1, 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']}
+
+pdfviewer.toolbarClick = function (args) {
+ if (args.item && args.item.id === 'download_pdf') {
+ saveDocument();
+ }
+};
+```
+
+3. Retrieve the PDF viewer instance and save the current PDF as a Blob. Then, read the Blob using a FileReader to convert it into an ArrayBuffer, and upload the ArrayBuffer to Drop Box using the filesUpload method of the Drop Box instance.
+
+N> Replace **Your Access Token** with the actual Access Token of your Drop Box account.
+
+```typescript
+function saveDocument() {
+ pdfviewer.saveAsBlob().then(function (value) {
+ var reader = new FileReader();
+ reader.onload = async () => {
+ if (reader.result) {
+ const dbx = new Dropbox({ accessToken: 'Your Access Token' });
+ if(reader && reader.result){
+ const uint8Array = new Uint8Array(reader.result as ArrayBuffer);
+ dbx.filesUpload({ path: '/' + pdfviewer.fileName, contents: uint8Array })
+ .then(response => {
+ console.log(response);
+ })
+ .catch(error => {
+ console.error(error);
+ });
+ }
+ }
+ };
+ reader.readAsArrayBuffer(value);
+ });
+}
+```
+
+N> The **npm install dropbox** package must be installed in your application to use the previous code example.
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Standalone)
+
+## Using Server-Backed PDF Viewer
+
To save a PDF file to Dropbox cloud file storage, you can follow the steps below
**Step 1** Create a Dropbox API
@@ -129,4 +204,4 @@ viewer.load('PDF_Succinctly.pdf', null);
N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example.
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage)
\ No newline at end of file
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Server-Backed)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/open-pdf-file/from-dropbox-cloud-file-storage.md b/ej2-javascript/pdfviewer/ts/open-pdf-file/from-dropbox-cloud-file-storage.md
index 340f6617c..bcc52d5e1 100644
--- a/ej2-javascript/pdfviewer/ts/open-pdf-file/from-dropbox-cloud-file-storage.md
+++ b/ej2-javascript/pdfviewer/ts/open-pdf-file/from-dropbox-cloud-file-storage.md
@@ -11,6 +11,61 @@ domainurl: ##DomainURL##
# Open PDF file from Dropbox cloud file storage
+PDF Viewer allows to load PDF file from Drop Box using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from Drop Box.
+
+## Using Standalone PDF Viewer
+
+To load a PDF file from Dropbox cloud file storage in a PDF Viewer, you can follow the steps below
+
+**Step 1** Create a Dropbox API
+
+To create a Dropbox API App, you should follow the official documentation provided by Dropbox [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data.
+
+**Step 2:** Create a Simple PDF Viewer Sample in Typescript
+
+Start by following the steps provided in this [link](https://ej2.syncfusion.com/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in Typescript. This will give you a basic setup of the PDF viewer component.
+
+**Step 3:** Modify the `src/app/app.ts` File in the Angular Project
+
+1. Import the required namespaces at the top of the file:
+
+```typescript
+import { Dropbox } from 'dropbox';
+```
+
+2. Create an instance of the Dropbox class using an access token for authentication. Next, call the filesDownload method of this Dropbox instance to download the file located at /PDF_Succinctly.pdf. Upon successfully downloading the file, extract the file blob from the response. Convert this file blob to a Base64 string using the blobToBase64 method. Finally, load the Base64 string into a PDF viewer control.
+
+N> Replace **Your Access Token** with the actual Access Token of your Drop Box account.
+
+```typescript
+pdfviewer.created = function () {
+ let dbx = new Dropbox({ accessToken: 'Your Access Token' });
+ dbx.filesDownload({ path: '/PDF_Succinctly.pdf' }).then(async (response) => {
+ const blob = await (response.result as any).fileBlob;
+ const base64String = await blobToBase64(blob);
+ setTimeout(() => {
+ pdfviewer.load(base64String, "");
+ }, 2000);
+ });
+}
+
+function blobToBase64(blob: Blob): Promise {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(blob);
+ reader.onloadend = () => {
+ resolve(reader.result as string);
+ };
+ });
+}
+```
+
+N> The **npm install dropbox** package must be installed in your application to use the previous code example.
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Standalone)
+
+## Using Server-Backed PDF Viewer
+
To load a PDF file from Dropbox cloud file storage in a PDF Viewer, you can follow the steps below
**Step 1** Create a Dropbox API
@@ -135,4 +190,4 @@ viewer.load('PDF_Succinctly.pdf', null);
N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example.
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage)
\ No newline at end of file
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Server-Backed)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/save-pdf-file/to-dropbox-cloud-file-storage.md b/ej2-javascript/pdfviewer/ts/save-pdf-file/to-dropbox-cloud-file-storage.md
index 70a053ffe..7b16f96bf 100644
--- a/ej2-javascript/pdfviewer/ts/save-pdf-file/to-dropbox-cloud-file-storage.md
+++ b/ej2-javascript/pdfviewer/ts/save-pdf-file/to-dropbox-cloud-file-storage.md
@@ -11,6 +11,81 @@ domainurl: ##DomainURL##
# Save PDF file to Dropbox cloud file storage
+PDF Viewer allows to load PDF file from Drop Box using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from Drop Box.
+
+## Using Standalone PDF Viewer
+
+To load a PDF file from Dropbox cloud file storage in a PDF Viewer, you can follow the steps below
+
+**Step 1** Create a Dropbox API
+
+To create a Dropbox API App, you should follow the official documentation provided by Dropbox [link](https://www.dropbox.com/developers/documentation/dotnet#tutorial). The process involves visiting the Dropbox Developer website and using their App Console to set up your API app. This app will allow you to interact with Dropbox programmatically, enabling secure access to files and data.
+
+**Step 2:** Create a Simple PDF Viewer Sample in Typescript
+
+Start by following the steps provided in this [link](https://ej2.syncfusion.com/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in Typescript. This will give you a basic setup of the PDF viewer component.
+
+**Step 3:** Modify the `src/app/app.ts` File in the Angular Project
+
+1. Import the required namespaces at the top of the file:
+
+```typescript
+import { Dropbox } from 'dropbox';
+```
+
+2. Configure a custom toolbar item for the download function to save a PDF file in Azure Blob Storage.
+
+```typescript
+let toolItem1: CustomToolbarItemModel = {
+ prefixIcon: 'e-icons e-pv-download-document-icon',
+ id: 'download_pdf',
+ tooltipText: 'Download file',
+ align: 'right'
+};
+
+pdfviewer.toolbarSettings = { toolbarItems: [ 'OpenOption', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', toolItem1, 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']}
+
+pdfviewer.toolbarClick = function (args) {
+ if (args.item && args.item.id === 'download_pdf') {
+ saveDocument();
+ }
+};
+```
+
+3. Retrieve the PDF viewer instance and save the current PDF as a Blob. Then, read the Blob using a FileReader to convert it into an ArrayBuffer, and upload the ArrayBuffer to Drop Box using the filesUpload method of the Drop Box instance.
+
+N> Replace **Your Access Token** with the actual Access Token of your Drop Box account.
+
+```typescript
+function saveDocument() {
+ pdfviewer.saveAsBlob().then(function (value) {
+ var reader = new FileReader();
+ reader.onload = async () => {
+ if (reader.result) {
+ const dbx = new Dropbox({ accessToken: 'Your Access Token' });
+ if(reader && reader.result){
+ const uint8Array = new Uint8Array(reader.result as ArrayBuffer);
+ dbx.filesUpload({ path: '/' + pdfviewer.fileName, contents: uint8Array })
+ .then(response => {
+ console.log(response);
+ })
+ .catch(error => {
+ console.error(error);
+ });
+ }
+ }
+ };
+ reader.readAsArrayBuffer(value);
+ });
+}
+```
+
+N> The **npm install dropbox** package must be installed in your application to use the previous code example.
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Standalone)
+
+## Using Server-Backed PDF Viewer
+
To save a PDF file to Dropbox cloud file storage, you can follow the steps below:
**Step 1** Create a Dropbox API
@@ -129,4 +204,4 @@ viewer.load('PDF_Succinctly.pdf', null);
N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example.
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage)
\ No newline at end of file
+[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage/tree/master/Open%20and%20Save%20PDF%20in%20Drop%20Box%20using%20Server-Backed)
\ No newline at end of file
diff --git a/ej2-typescript-toc.html b/ej2-typescript-toc.html
index 650a83b8a..bbe20abb9 100644
--- a/ej2-typescript-toc.html
+++ b/ej2-typescript-toc.html
@@ -2966,7 +2966,7 @@
Release Notes
- - 2024 Volume 2 - 26.*
- 2024 Volume 1 - 25.*
+ - 2024 Volume 2 - 26.*
- 2024 Volume 1 - 25.*