From ac1c123212dc3a37327362efd29a89487cc4357f Mon Sep 17 00:00:00 2001 From: Gowri V L Date: Thu, 2 Jul 2026 21:25:02 +0530 Subject: [PATCH] SEO-22361-SDK-Angular-PDF-Viewer-dev-action-plan --- .../Migrating-from-Nutrient-PSPDFKit.md | 2 ++ .../Migration/migrating-from-Apryse.md | 20 ++++++++++--------- .../angular/Migration/migrating-from-PDFjs.md | 14 ++++++------- .../PDF/PDF-Viewer/angular/accessibility.md | 2 +- .../annotation/annotations-in-mobile-view.md | 2 +- .../angular-universal-ssr.md | 10 +++++----- .../deployment-integration/ionic-angular.md | 6 +++--- .../deployment-integration/nx-angular.md | 8 ++++---- .../deployment-integration/vite-angular.md | 6 +++--- .../digital-signature/signature-workflow.md | 2 +- .../validate-digital-signatures.md | 2 +- .../document-handling/load-large-pdf.md | 2 +- .../document-handling/load-password-pdf.md | 2 +- .../PDF-Viewer/angular/forms/custom-data.md | 2 +- .../angular/forms/form-field-events.md | 2 +- .../forms/form-handling-best-practices.md | 2 +- .../getting-started-with-server-backed.md | 2 ++ .../PDF/PDF-Viewer/angular/getting-started.md | 1 + .../how-to/custom-font-signature-field.md | 2 +- .../angular/how-to/enable-local-storage.md | 4 ++-- .../PDF-Viewer/angular/how-to/get-base64.md | 6 +++--- ...ll-packages-required-for-lower-versions.md | 2 +- .../pagerenderstarted-pagerendercompleted.md | 4 ++-- .../PDF-Viewer/angular/how-to/redis-cache.md | 2 +- ...lve-unable-to-find-an-entry-point-error.md | 6 +++--- .../angular/how-to/show-hide-annotation.md | 2 +- .../signatureselect-signatureunselect.md | 6 +++--- .../how-to/webservice-not-listening.md | 14 ++++++------- 28 files changed, 71 insertions(+), 64 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Migration/Migrating-from-Nutrient-PSPDFKit.md b/Document-Processing/PDF/PDF-Viewer/angular/Migration/Migrating-from-Nutrient-PSPDFKit.md index 1c516fec4c..a192d6f595 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/Migration/Migrating-from-Nutrient-PSPDFKit.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/Migration/Migrating-from-Nutrient-PSPDFKit.md @@ -196,6 +196,8 @@ onPageChange(args: any): void { - [extractText(pageIndex: number, options?: any)](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#extracttext): — extract text and coordinates. - [Events](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#events): [documentLoad](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#documentload), [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#pagerendercomplete), [pageChange](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#pagechange), [annotationAdd](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#annotationadd), [annotationRemove](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#annotationremove), [toolbarClick](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#toolbarclick). +N> Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. + ## See Also - [Nutrient Web SDK (PSPDFKit) getting started](https://www.nutrient.io/sdk/web/getting-started/other-frameworks/angular) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-Apryse.md b/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-Apryse.md index 8fa80db866..94a0cd5f41 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-Apryse.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-Apryse.md @@ -7,15 +7,15 @@ documentation: ug control: PDF Viewer --- -# Migrating from Apryse Web Viewer to Syncfusion Angular PDF Viewer +# Migrating from Apryse Web Viewer to Angular PDF Viewer -This guide helps Angular developers migrate applications built using **Apryse Web Viewer** to the **Syncfusion Angular PDF Viewer**. It explains architectural differences, setup changes, feature mapping, and common API replacements specific to an Angular environment. +This guide helps Angular developers migrate applications built using **Apryse Web Viewer** to the **Angular PDF Viewer**. It explains architectural differences, setup changes, feature mapping, and common API replacements specific to an Angular environment. ## Overview **Apryse Web Viewer** is an SDK-style viewer that is mounted imperatively into a DOM element and exposes a rich JavaScript API surface. -**Syncfusion Angular PDF Viewer** provides a **fully declarative Angular component-based experience**, offering built-in UI, annotations, form fields, text search, and navigation through Angular modules and services—without requiring external runtime SDK initialization. +**Angular PDF Viewer** provides a **fully declarative Angular component-based experience**, offering built-in UI, annotations, form fields, text search, and navigation through Angular modules and services—without requiring external runtime SDK initialization. Key migration benefits: - Native Angular component integration @@ -25,7 +25,7 @@ Key migration benefits: ## Architecture Differences -| Concept | Apryse Web Viewer | Syncfusion Angular PDF Viewer | +| Concept | Apryse Web Viewer | Angular PDF Viewer | |--------|-----------------|-------------------------------| | Integration style | Imperative DOM-based SDK mount | Declarative Angular component | | Initialization | Web Viewer({...}, element) | `` component | @@ -42,7 +42,7 @@ Migration generally involves **removing the Apryse SDK mount** and **replacing i npm install @pdftron/webviewer ``` -### Syncfusion Angular PDF Viewer +### Angular PDF Viewer ```bash npm install @syncfusion/ej2-angular-pdfviewer ``` @@ -97,7 +97,7 @@ ngAfterViewInit() { } ``` -### Syncfusion Angular PDF Viewer +### Angular PDF Viewer ```html Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. + ## See Also - [Apryse Angular Web Viewer Getting Started](https://docs.apryse.com/web/guides/get-started/angular) -- [Syncfusion Angular PDF Viewer Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) -- [Syncfusion Angular PDF Viewer API](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer) +- [Angular PDF Viewer Getting Started](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) +- [Angular PDF Viewer API](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-PDFjs.md b/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-PDFjs.md index a76363711c..b5bf0754c5 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-PDFjs.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/Migration/migrating-from-PDFjs.md @@ -7,15 +7,15 @@ documentation: ug control: PDF Viewer --- -# Migrating from PDF.js to Syncfusion Angular PDF Viewer +# Migrating from PDF.js to Angular PDF Viewer -This guide explains how to migrate an existing [PDF.js](https://mozilla.github.io/pdf.js/) implementation to the [Syncfusion Angular PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started). It covers architectural differences, feature mapping, and required code changes. +This guide explains how to migrate an existing [PDF.js](https://mozilla.github.io/pdf.js/) implementation to the [Angular PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started). It covers architectural differences, feature mapping, and required code changes. ## Overview PDF.js is a low-level JavaScript library that focuses on rendering PDF pages using HTML canvas. Developers are responsible for building navigation, zooming, text selection, annotations, forms, and user interface components. -Syncfusion Angular PDF Viewer is a **high-level Angular component** that provides complete PDF viewing and interaction capabilities out of the box, including UI, performance optimizations, and Angular-friendly APIs. +Angular PDF Viewer is a **high-level Angular component** that provides complete PDF viewing and interaction capabilities out of the box, including UI, performance optimizations, and Angular-friendly APIs. ## Architecture Notes @@ -34,7 +34,7 @@ Key migration considerations: npm install pdfjs-dist ``` -### Syncfusion Angular PDF Viewer +### Angular PDF Viewer ```bash npm install @syncfusion/ej2-angular-pdfviewer @@ -72,7 +72,7 @@ pdfjsLib.getDocument('sample.pdf').promise.then(pdf => { }); ``` -### Syncfusion Angular PDF Viewer Example +### Angular PDF Viewer Example ```html ® Angular components](../common/accessibility) \ No newline at end of file +* [Accessibility in Angular components](../common/accessibility) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-in-mobile-view.md index 9804a3e0ad..b3f709da5c 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-in-mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-in-mobile-view.md @@ -9,7 +9,7 @@ domainurl: ##DomainURL## --- # Annotations in mobile view in Angular PDF Viewer -This article describes how to use annotation tools in the Syncfusion Angular PDF Viewer on touch-enabled devices. It covers enabling the annotation toolbar; adding sticky notes, text markups, shapes, measurements, stamps, signatures, and ink; adjusting annotation properties before and after placement; using comments; and removing annotations. +This article describes how to use annotation tools in the Angular PDF Viewer on touch-enabled devices. It covers enabling the annotation toolbar; adding sticky notes, text markups, shapes, measurements, stamps, signatures, and ink; adjusting annotation properties before and after placement; using comments; and removing annotations. ## Open the annotation toolbar diff --git a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/angular-universal-ssr.md b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/angular-universal-ssr.md index 6d6eff1e61..4751469bdd 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/angular-universal-ssr.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/angular-universal-ssr.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Syncfusion Angular PDF Viewer in Angular Universal (SSR) +# Angular PDF Viewer in Angular Universal (SSR) -This guide shows how to create an Angular Universal SSR application and integrate the Syncfusion Angular PDF Viewer component. +This guide shows how to create an Angular Universal SSR application and integrate the Angular PDF Viewer component. ## Prerequisites @@ -38,11 +38,11 @@ npm run build npm run serve:ssr:angular-ssr-pdfviewer ``` -## Install Syncfusion Angular PDF Viewer +## Install Angular PDF Viewer ### Step 3: Install Syncfusion PDF Viewer -Install the Syncfusion Angular PDF Viewer package: +Install the Angular PDF Viewer package: ```bash npm install @syncfusion/ej2-angular-pdfviewer @@ -140,5 +140,5 @@ npm run serve:ssr:angular-ssr-pdfviewer ## See Also -- [Syncfusion Angular PDF Viewer Documentation](https://ej2.syncfusion.com/angular/documentation/pdfviewer/pdfviewer-overview) +- [Angular PDF Viewer Documentation](https://ej2.syncfusion.com/angular/documentation/pdfviewer/pdfviewer-overview) - [Angular Universal Documentation](https://v17.angular.io/guide/ssr) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/ionic-angular.md b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/ionic-angular.md index bef2bbb9b2..25293a180a 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/ionic-angular.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/ionic-angular.md @@ -8,11 +8,11 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting Started with Syncfusion Angular PDF Viewer using Ionic Angular +# Getting Started with Angular PDF Viewer using Ionic Angular ## Overview -This guide covers integrating the Syncfusion Angular PDF Viewer into an Ionic Angular application. Ionic provides a cross-platform UI framework built on Angular. +This guide covers integrating the Angular PDF Viewer into an Ionic Angular application. Ionic provides a cross-platform UI framework built on Angular. N> This guide assumes you have an existing Ionic Angular project (v8.0+) with Angular v20+. The PDF Viewer works seamlessly with Ionic's tab-based navigation and responsive design patterns. @@ -129,7 +129,7 @@ ionic serve ## See Also -- [Syncfusion Angular PDF Viewer Documentation](https://www.syncfusion.com/angular-components/angular-pdf-viewer) +- [Angular PDF Viewer Documentation](https://www.syncfusion.com/angular-components/angular-pdf-viewer) - [Ionic Angular Documentation](https://ionicframework.com/docs/angular/overview) - [Angular Standalone Components](https://v17.angular.io/guide/standalone-components) - [Capacitor Documentation](https://capacitorjs.com/docs) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/nx-angular.md b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/nx-angular.md index 337239ff65..5e25b38b8d 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/nx-angular.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/nx-angular.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting started with Syncfusion Angular PDF Viewer in an Nx Workspace +# Getting started with Angular PDF Viewer in an Nx Workspace -This guide explains how to create an **Nx workspace**, scaffold an **Angular application**, and integrate the **Syncfusion Angular PDF Viewer** using modern **standalone Angular components**. +This guide explains how to create an **Nx workspace**, scaffold an **Angular application**, and integrate the **Angular PDF Viewer** using modern **standalone Angular components**. ## Prerequisites @@ -46,7 +46,7 @@ npx nx serve pdf-viewer-app ## Step 4: Install Syncfusion Angular PDF Viewer -Install the Syncfusion Angular PDF Viewer package in your workspace: +Install the Angular PDF Viewer package in your workspace: ```bash npm install @syncfusion/ej2-angular-pdfviewer --save @@ -134,7 +134,7 @@ npx nx serve pdf-viewer-app ## See Also -- [Syncfusion Angular PDF Viewer Documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/overview) +- [Angular PDF Viewer Documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/overview) - [Nx Documentation](https://nx.dev/docs) - [Angular Standalone Components Guide](https://v17.angular.io/docs) - [Nx Angular Plugin](https://nx.dev/nx-api/angular) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/vite-angular.md b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/vite-angular.md index e954b4bd8d..dcde772491 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/vite-angular.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/deployment-integration/vite-angular.md @@ -8,11 +8,11 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting Started with Syncfusion Angular PDF Viewer using Vite +# Getting Started with Angular PDF Viewer using Vite ## Overview -This guide explains how to create an Angular application powered by the Vite build system and integrate the Syncfusion Angular PDF Viewer using standalone components. +This guide explains how to create an Angular application powered by the Vite build system and integrate the Angular PDF Viewer using standalone components. ## Prerequisites @@ -128,6 +128,6 @@ ng serve ## See Also -- [Syncfusion Angular PDF Viewer Documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/overview) +- [Angular PDF Viewer Documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/overview) - [Angular Standalone Components Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) - [Angular CLI Application Builder (Vite)](https://angular.dev/tools/cli/build-system-migration) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/signature-workflow.md b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/signature-workflow.md index efb8bd667a..014cc44e88 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/signature-workflow.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/signature-workflow.md @@ -9,7 +9,7 @@ documentation: ug # Digital Signature Workflows in Angular -This guide shows how to design signature fields, collect handwritten/typed e‑signatures in the browser, and apply **digital certificate (PKI) signatures** to PDF forms using the Syncfusion Angular PDF Viewer and the JavaScript PDF Library. Digital signatures provide **authenticity** and **tamper detection**, making them suitable for legally binding scenarios. +This guide shows how to design signature fields, collect handwritten/typed e‑signatures in the browser, and apply **digital certificate (PKI) signatures** to PDF forms using the Angular PDF Viewer and the JavaScript PDF Library. Digital signatures provide **authenticity** and **tamper detection**, making them suitable for legally binding scenarios. ## Overview diff --git a/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md index 507805e002..ba82b0ed7a 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/digital-signature/validate-digital-signatures.md @@ -9,7 +9,7 @@ documentation: ug # Validate Digital Signatures in Angular -This guide explains **how to validate digital signatures** on PDFs when using the **Syncfusion Angular PDF Viewer** together with the **JavaScript PDF Library**. It clarifies what the Viewer does (display fields and signature appearances) and what the **PDF Library** does (perform **cryptographic validation** and produce validation results). +This guide explains **how to validate digital signatures** on PDFs when using the **Angular PDF Viewer** together with the **JavaScript PDF Library**. It clarifies what the Viewer does (display fields and signature appearances) and what the **PDF Library** does (perform **cryptographic validation** and produce validation results). N> **Important:** The Angular PDF Viewer renders signature fields and their visual appearances, but **cryptographic validation is performed by the JavaScript PDF Library**. Use the library to check integrity, certificate trust, and timestamp status, and surface the result in your UI. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md index 15de612a6c..2ddf8b8f2e 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-large-pdf.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Load Large PDF Files in Angular PDF Viewer -This article explains how to efficiently load and view large PDF files using the Syncfusion Angular PDF Viewer. It includes recommended best practices and performance tips for documents ranging from **50 MB to 2 GB**. +This article explains how to efficiently load and view large PDF files using the Angular PDF Viewer. It includes recommended best practices and performance tips for documents ranging from **50 MB to 2 GB**. ## Why Large PDFs Need Special Handling diff --git a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md index 6bd3273dc0..dac174860c 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/document-handling/load-password-pdf.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Load a Password-Protected PDF in Angular -This article explains how to open password-protected PDF files in the Syncfusion Angular PDF Viewer. The viewer supports both user‑interactive loading (Open File dialog) and programmatic loading using APIs. +This article explains how to open password-protected PDF files in the Angular PDF Viewer. The viewer supports both user‑interactive loading (Open File dialog) and programmatic loading using APIs. ## 1. Opening a Password-Protected PDF Using the **Open File** Dialog diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/custom-data.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/custom-data.md index 9a81e91a9d..c37dda85db 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/forms/custom-data.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/custom-data.md @@ -9,7 +9,7 @@ documentation: ug # Add Custom Data to PDF Form Fields in Angular PDF Viewer -The **Syncfusion Angular PDF Viewer** allows you to attach **custom application-specific data** to form fields by using the customData property. This enables you to associate business identifiers, tags, validation hints, or workflow metadata with form fields. +The **Angular PDF Viewer** allows you to attach **custom application-specific data** to form fields by using the customData property. This enables you to associate business identifiers, tags, validation hints, or workflow metadata with form fields. The custom data remains linked to the form field throughout the viewer session and can be accessed or updated whenever the field is queried or modified. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/form-field-events.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/form-field-events.md index 5b29253b48..1259497a48 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/forms/form-field-events.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/form-field-events.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # PDF Viewer Form Field Events in Angular -The Syncfusion Angular PDF Viewer provides a set of form field events that report changes associated with creating, selecting, modifying, moving, resizing, or removing form fields. These events supply metadata related to the affected field and are raised during user interaction or programmatic updates. +The Angular PDF Viewer provides a set of form field events that report changes associated with creating, selecting, modifying, moving, resizing, or removing form fields. These events supply metadata related to the affected field and are raised during user interaction or programmatic updates. Validation‑related events are emitted when the viewer performs operations that require confirmation of field completion, such as print or download actions. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/forms/form-handling-best-practices.md b/Document-Processing/PDF/PDF-Viewer/angular/forms/form-handling-best-practices.md index 686080b26f..c37b234b9f 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/forms/form-handling-best-practices.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/forms/form-handling-best-practices.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # PDF Form Handling Best Practices in Angular PDF Viewer -This guide provides a comprehensive overview of recommended practices for creating, organizing, validating, and automating PDF forms in the Syncfusion Angular PDF Viewer. +This guide provides a comprehensive overview of recommended practices for creating, organizing, validating, and automating PDF forms in the Angular PDF Viewer. It explains how to structure field names, ensure consistency, apply validation rules, group related fields, and streamline workflows through pre-filling and data import/export. By following these guidelines, you can build clean, reliable, and efficient form experiences that are easier to maintain and work seamlessly across different use cases. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md index 600f00e47c..63d70b5807 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md @@ -178,6 +178,8 @@ For detailed compatibility information, refer to the [Angular version support ma For older Angular versions, refer to the respective Angular PDF Viewer guides. +N> Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. + ## See also - [Getting started Angular PDF Viewer](./getting-started) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md index 741deb9dbe..df45be9255 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md @@ -156,6 +156,7 @@ For older Angular versions, refer to the following guides: * [Create a Standalone PDF Viewer in Angular 17 and above without --no-standalone flag](./how-to/create-a-standalone-pdf-viewer-in-angular-17-and-above-without-no-standalone-flag). * [Create a Standalone PDF Viewer in Angular 12](./how-to/create-a-standalone-pdf-viewer-in-angular-12) +N> Looking for the full Angular PDF Viewer component overview, features, pricing, and documentation? Visit the [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk/angular-pdf-viewer) page. ## See also - [Getting started with Server-Backed Angular PDF Viewer](./getting-started-with-server-backed) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md index 3b7b51d558..e1d6afc17b 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-font-signature-field.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # To Change the Font Family -Change the font family in the type signature of the Syncfusion® PDF Viewer by adding a custom CSS stylesheet to the document and applying the desired font family to the type signature element. Include the Google Fonts link in the HTML head section to apply the font. +Change the font family in the type signature of the PDF Viewer by adding a custom CSS stylesheet to the document and applying the desired font family to the type signature element. Include the Google Fonts link in the HTML head section to apply the font. ### Signature Field diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md index d66566f03d..88fe3e70d2 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/enable-local-storage.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Managing Local Storage in Syncfusion® PDF Viewer +# Managing Local Storage in PDF Viewer -The Syncfusion® PDF Viewer exposes the `enableLocalStorage` property to control how session-specific viewer data is stored. Configure this property to choose between the viewer's internal storage mechanism (in-memory collection) and the browser's session storage. +The PDF Viewer exposes the `enableLocalStorage` property to control how session-specific viewer data is stored. Configure this property to choose between the viewer's internal storage mechanism (in-memory collection) and the browser's session storage. ### Using the `enableLocalStorage` property diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md index 0f3bc34fba..c34e982fab 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/get-base64.md @@ -8,11 +8,11 @@ documentation: ug domainurl: ##DomainURL## --- -# Retrieve Base64 from a PDF in PDF Viewer +# Retrieve Base64 from a PDF in Angular PDF Viewer ### Overview -This guide shows how to obtain the Base64-encoded value of a PDF document loaded in the Syncfusion® PDF Viewer using Angular. Producing a Base64 string is useful for sending the PDF to a server, embedding it in JSON payloads, or client-side processing. +This guide shows how to obtain the Base64-encoded value of a PDF document loaded in the PDF Viewer. Producing a Base64 string is useful for sending the PDF to a server, embedding it in JSON payloads, or client-side processing. ### How to retrieve the Base64 value @@ -161,6 +161,6 @@ export class AppComponent implements OnInit { ### Conclusion -By implementing these steps in the Angular component, a PDF document loaded in the Syncfusion® PDF Viewer can be converted into a Base64-encoded data URL when a button is clicked. This facilitates the manipulation or transfer of PDF data as needed. +By implementing these steps in the Angular component, a PDF document loaded in the PDF Viewer can be converted into a Base64-encoded data URL when a button is clicked. This facilitates the manipulation or transfer of PDF data as needed. [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md index c9ed96e9e3..510f1dcc06 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/install-packages-required-for-lower-versions.md @@ -6,7 +6,7 @@ description: Learn here all about how to install the packages required for versi # Install packages required for versions below 12 -For Angular versions below 12, use the legacy (ngcc) package of the Syncfusion® Angular components. To download the `ngcc` package, use the commands below. +For Angular versions below 12, use the legacy (ngcc) package of the Angular components. To download the `ngcc` package, use the commands below. Add [`@syncfusion/ej2-angular-pdfviewer@ngcc`](https://www.npmjs.com/package/@syncfusion/ej2-angular-pdfviewer/v/20.2.38-ngcc) to the application: diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md index 4d58a45fb7..9cfd734a2d 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/pagerenderstarted-pagerendercompleted.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Page render initiate and complete events -In the PDF Viewer, the `pageRenderInitiate` and `pageRenderComplete` events fire during the page rendering lifecycle: +In the PDF Viewer, the `pageRenderInitiate` and `pageRenderComplete` events fire during the page rendering life cycle: - `pageRenderInitiate`: fired when the rendering of a page begins. Use this event to initialize resources, show loading indicators, or set up rendering parameters before the page content is drawn. - `pageRenderComplete`: fired when the rendering of a page finishes. Use this event to hide loading indicators, record render timing, or run post-render processing. @@ -39,6 +39,6 @@ public pageRenderComplete(args: any): void { } ``` -The provided code demonstrates how to subscribe to the [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderInitiateEventArgs/) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderCompleteEventArgs/) events in the Syncfusion® PDF Viewer component. +The provided code demonstrates how to subscribe to the [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderInitiateEventArgs) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderCompleteEventArgs) events in the PDF Viewer component. [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/PageRenderStarted%20and%20PageRenderCompleted%20event) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md index ce70f0138c..9368bd5faa 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/redis-cache.md @@ -62,4 +62,4 @@ the PDF document bytes. } ``` -Once Redis is configured, the Syncfusion® PDF Viewer application will automatically use Redis cache for improved performance and scalability. \ No newline at end of file +Once Redis is configured, the PDF Viewer application will automatically use Redis cache for improved performance and scalability. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md index 18d08c112c..6116e8199c 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/resolve-unable-to-find-an-entry-point-error.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Resolve "Unable to find an entry point named FPDFText_GetCharAngle" error +# Resolve "Unable to find an entry point" error -From the release of version **21.1.0.35 (2023 Volume 1)** of Essential Studio®, the Pdfium package has been upgraded to improve various functionalities like text search, text selection, rendering, and even performance. If you are updating your project to this version of the Syncfusion® PDF Viewer, you may encounter the **"Web-Service is not listening"** error. The Network tab can help you identify the root cause of the issue, which is typically caused by an old version of pdfium assembly being referenced in the local web service project. Below are the assemblies to be referred to in the respective operating systems. +From the release of version **21.1.0.35 (2023 Volume 1)** of Essential Studio®, the Pdfium package has been upgraded to improve various functionalities like text search, text selection, rendering, and even performance. If you are updating your project to this version of the PDF Viewer, you may encounter the **"Web-Service is not listening"** error. The Network tab can help you identify the root cause of the issue, which is typically caused by an old version of pdfium assembly being referenced in the local web service project. Below are the assemblies to be referred to in the respective operating systems. - Windows: `pdfium.dll` - Linux: `libpdfium.so` @@ -21,6 +21,6 @@ From the release of version **21.1.0.35 (2023 Volume 1)** of Essential Studio When hosting in cloud environments (Azure, AWS, container platforms), always remove or overwrite older published files to avoid stale native binaries remaining on the host. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-hide-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-hide-annotation.md index 51f1518094..d964006dc6 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-hide-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/show-hide-annotation.md @@ -99,6 +99,6 @@ export class AppComponent implements OnInit { ## Conclusion -By implementing these steps in your Angular component, you can add functionality to show and hide annotations in the Syncfusion® PDF Viewer. This allows for a better user experience when working with annotated PDF documents. +By implementing these steps in your Angular component, you can add functionality to show and hide annotations in the PDF Viewer. This allows for a better user experience when working with annotated PDF documents. [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Show%20and%20Hide%20Annotations) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md index f133f14b84..401b31a9af 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/signatureselect-signatureunselect.md @@ -8,9 +8,9 @@ documentation: ug domainurl: ##DomainURL## --- -# Signature select and unselect events +# Signature select and unselect events in Angular PDF Viewer component -The Syncfusion® PDF Viewer exposes events for monitoring the selection state of handwritten signature annotations: [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/). These events enable applications to respond when a signature annotation is selected or cleared—for example, updating the UI, enabling contextual actions, or recording metadata. +The PDF Viewer exposes events for monitoring the selection state of handwritten signature annotations: [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs). These events enable applications to respond when a signature annotation is selected or cleared—for example, updating the UI, enabling contextual actions, or recording metadata. **signatureSelect** @@ -41,6 +41,6 @@ public signatureUnselect(args: any): void { console.log('Signature unselected:', args); } ``` -The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/) events in Syncfusion® PDF Viewer offer robust options for managing the state of handwritten signatures within your application. By handling these events, developers can create a more interactive and dynamic user experience, responding programmatically to signature selection and unselection. +The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs) events in PDF Viewer offer robust options for managing the state of handwritten signatures within your application. By handling these events, developers can create a more interactive and dynamic user experience, responding programmatically to signature selection and unselection. [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md index bbb4502394..357fb6444c 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/webservice-not-listening.md @@ -32,7 +32,7 @@ N> Make sure you are connected to the internet and that your connection is stabl ## File not found -If you are encountering an error message stating that the web service is not listening due to a file not being found in the Syncfusion® PDF viewer, you can try the following steps to resolve the issue: +If you are encountering an error message stating that the web service is not listening due to a file not being found in the PDF viewer, you can try the following steps to resolve the issue: ### Check the file path @@ -40,11 +40,11 @@ Ensure that the file path you use to access the PDF file is correct and that the ## Document cache not found -The `Document cache not found` exception in Syncfusion® PDF Viewer typically occurs when the cache used to store the rendered pages of a PDF document is not found or has been deleted. This can happen if the cache directory is changed or deleted or if the application is running in a different environment than it was previously. +The `Document cache not found` exception in PDF Viewer typically occurs when the cache used to store the rendered pages of a PDF document is not found or has been deleted. This can happen if the cache directory is changed or deleted or if the application is running in a different environment than it was previously. ### Check for multiple instances -It's possible that you have multiple instances of the Syncfusion® PDF Viewer running simultaneously, which can cause issues with the document cache. To check for this, open the Task Manager on your computer and look for any instances of the Syncfusion® PDF Viewer running. If you find multiple instances, try closing them all and reopening the viewer. +It's possible that you have multiple instances of the PDF Viewer running simultaneously, which can cause issues with the document cache. To check for this, open the Task Manager on your computer and look for any instances of the PDF Viewer running. If you find multiple instances, try closing them all and reopening the viewer. We can use Redis cache and distributive cache for this issue. @@ -54,11 +54,11 @@ Ensure that your network connection is stable and strong enough to support the w ## The document pointer does not exist in the cache. -The `Document pointer does not exist in the cache` exception in the Syncfusion® PDF Viewer usually occurs when there is an issue with loading or caching the PDF document. This error can be caused by a variety of reasons, including: +The `Document pointer does not exist in the cache` exception in the PDF Viewer usually occurs when there is an issue with loading or caching the PDF document. This error can be caused by a variety of reasons, including: -To clear this error in the Syncfusion® PDF Viewer, you can try the following steps: +To clear this error in the Angular PDF Viewer, you can try the following steps: -**Step 1:** Clearing the cache may help resolve the issue. To clear the cache, navigate to the cache location, which can be found in the Syncfusion® PDF Viewer's settings or configuration files. Once you locate the cache folder, delete its contents. +**Step 1:** Clearing the cache may help resolve the issue. To clear the cache, navigate to the cache location, which can be found in the Angular PDF Viewer's settings or configuration files. Once you locate the cache folder, delete its contents. **Step 2:** Try reloading the document to ensure it is loaded correctly. You can do this by calling the controller's Load() method. Ensure the document is not already loaded before attempting to load it again. @@ -66,4 +66,4 @@ To clear this error in the Syncfusion® PDF ## Internal server error -Server-side exceptions happen for various use cases. We can't just define them if they are document-specific, provide the document, or you may need to contact Syncfusion® support for further assistance. \ No newline at end of file +Server-side exceptions happen for various use cases. We can't just define them if they are document-specific, provide the document, or you may need to contact support for further assistance. \ No newline at end of file