diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index 5132c0d2a1..50a5eedcf2 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -821,7 +821,7 @@
Mobile Toolbar Interface
Module Injection
- Toolbar
+ Toolbar
Accessibility Features
+ Theming and Styling
Context Menu
- Built-in Context Menu
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md b/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
index f831fc34a4..12616b1c76 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/accessibility.md
@@ -56,7 +56,7 @@ The accessibility compliance for the PDF Viewer component is outlined below.
| `aria-valuemax` | Indicates the Maximum value of the PDF Viewer. |
| `aria-valuemin` | Indicates the Minimum value of the PDF Viewer. |
| `aria-valuenow` | Indicates the current value of the PDF Viewer. |
-| `aria-controls` | Attribute is set to the button and it points to the corresponding content. |
+| `aria-controls` | Identifies the element whose contents are controlled by the button. |
## Keyboard interaction
@@ -241,7 +241,7 @@ Each `keyboardCommand` object consists of a name property, specifying the `name`
For example, the first command named `customCopy` is associated with the **G** key and requires both the **Shift** and **Alt** modifier keys to be pressed simultaneously.
-Additionally, there's an explanation of the key modifiers used in the gestures:
+The key modifiers used in the gestures are as follows:
* Ctrl corresponds to the Control key, represented by the value `1`.
* Alt corresponds to the Alt key, represented by the value `2`.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/download.md b/Document-Processing/PDF/PDF-Viewer/angular/download.md
index d88c541d6c..1cbda1cb9e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/download.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/download.md
@@ -3,7 +3,7 @@ layout: post
title: Download in Angular PDF Viewer component | Syncfusion
description: Learn here all about Download in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Download
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -79,7 +79,7 @@ To invoke download programmatically, use the following snippet:
```html
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/events.md b/Document-Processing/PDF/PDF-Viewer/angular/events.md
index fa7c1c1f74..ed5bedc467 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/events.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/events.md
@@ -842,7 +842,7 @@ export class AppComponent {
];
public onCustomContextMenuBeforeOpen(args: any): void {
- console.log(`Before open context menu at page ${args.name}`);
+ console.log(`Before open context menu at page: ${args.name}`);
}
public onDocumentLoad(): void {
@@ -3172,5 +3172,5 @@ export class AppComponent {
See also:
- [Annotation events](./annotation/annotation-event)
-- [Form field events](./form-designer/form-field-events)
-- [Organize PDF events](./organize-pdf/organize-pdf-events)
+- [Form field events](./forms/form-field-events)
+- [Organize PDF events](./organize-pages/events)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md b/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
index 7f9c0d99f6..606f628c24 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/feature-module.md
@@ -3,7 +3,7 @@ layout: post
title: Feature module in Angular PDF Viewer component | Syncfusion
description: Learn here all about Feature module in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Feature module
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -47,4 +47,4 @@ N> In addition to registering the required modules, enable the corresponding com
## See also
* [Toolbar items](./toolbar)
-* [Toolbar customization](./how-to/toolbar_customization)
\ No newline at end of file
+* [Toolbar customization](./toolbar-customization/custom-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
index 2f7004683e..b52891d595 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
@@ -1,7 +1,7 @@
---
layout: post
title: FAQ Section in Angular PDF Viewer control | Syncfusion
-description: In this section, you can know about the various questions asked about manipulation of in Angular PDF Viewer control.
+description: In this section, you can know about the various questions asked about manipulation in Angular PDF Viewer control.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
index db4c16a889..495d018bff 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/interaction-mode.md
@@ -1,9 +1,9 @@
---
layout: post
-title: Interaction mode in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Interaction mode in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+title: Interaction Mode in Angular PDF Viewer component | Syncfusion
+description: Learn all about Interaction Mode in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Interaction mode
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -79,7 +79,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
-## Panning Mode
+## Panning mode
Panning mode enables touch-based panning and page scrolling of the loaded PDF; text selection is disabled in this mode.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/magnification.md b/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
index a7655a9da8..780c774bf2 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/magnification.md
@@ -1,9 +1,9 @@
---
layout: post
title: Magnification in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Magnification in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about Magnification in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Magnification
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
index 97dd2d66a0..81fcbfb8ad 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md
@@ -1,9 +1,9 @@
---
layout: post
title: Mobile Toolbar Interface in Angular PDF Viewer component | Syncfusion
-description: Learn All About the Mobile Toolbar Interface in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about the Mobile Toolbar Interface in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Mobile Toolbar Interface
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -11,12 +11,12 @@ domainurl: ##DomainURL##
The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes Essential® tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions.
-## Mobile Mode Toolbar Configuration
+## Mobile mode toolbar configuration
In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode:
-### Main Toolbar Options:
+### Main toolbar options
**OpenOption:** Tap to load a PDF document.
@@ -37,7 +37,7 @@ In mobile mode, the toolbar is optimized for ease of use on small screens, prese
N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer.
-### More Options Menu:
+### More options menu
When you open the "more options" menu, you will see additional actions such as:
**DownloadOption:** Tap to download the currently opened PDF document.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md b/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
index 9b406885ff..8ab696dcc5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/module-injection.md
@@ -1,7 +1,7 @@
---
layout: post
title: Module Injection for Angular PDF Viewer | Syncfusion
-description: Syncfusion Angular PDF Viewer to enable optional features like toolbar, navigation, annotations, search.
+description: Learn how to enable optional features like toolbar, navigation, annotations, and search in the Syncfusion Angular PDF Viewer.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/navigation.md b/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
index 2c2026b14e..6d53ae4402 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/navigation.md
@@ -1,9 +1,9 @@
---
layout: post
title: Navigation in Angular PDF Viewer component | Syncfusion
-description: Learn here all about Navigation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+description: Learn all about Navigation in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Navigation
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -17,7 +17,7 @@ The Angular PDF Viewer supports several internal and external navigation methods
The default toolbar of PDF Viewer contains the following navigation options
* **Go to page**:- Navigates to the specific page of a PDF document.
-* **Show next page**:- Navigates to the next page of PDF a document.
+* **Show next page**:- Navigates to the next page of a PDF document.
* **Show previous page**:- Navigates to the previous page of a PDF document.
* **Show first page**:- Navigates to the first page of a PDF document.
* **Show last page**:- Navigates to the last page of a PDF document.
@@ -236,7 +236,7 @@ Hyperlink navigation enables opening external URLs embedded in a PDF file.
## Table of contents navigation
-Table of contents navigation allows users to jump to sections listed in the PDF's table of contents. You can enable or disable link navigation using the following code snippet.
+Table of contents navigation allows users to jump to sections listed in the PDF's table of contents. You can enable or disable table of contents navigation using the following code snippet.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -366,7 +366,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
{% endhighlight %}
{% endtabs %}
-
+
## Keyboard navigation with Tab and Shift+Tab keys
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md b/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
index 6d8e72ed65..d4e57b914a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/open-pdf-files.md
@@ -3,7 +3,7 @@ layout: post
title: Open PDF Files in Angular PDF Viewer Component | Syncfusion
description: Learn here all about how to load PDF files from various locations in Syncfusion Angular PDF Viewer component, it's elements, and more.
platform: document-processing
-control: Open PDF files
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -76,7 +76,7 @@ public IActionResult Load([FromBody] Dictionary jsonData)
**Step 3:** Set the PDF Viewer Properties in Angular 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.Modify the documentPath with the correct PDF Document URL want to load.
+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. Modify the `documentPath` with the correct PDF document URL to load.
```typescript
import { Component, OnInit } from '@angular/core';
@@ -111,7 +111,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
## Opening a PDF from base64 data
-The following steps explains how the PDF file can be loaded in PDF Viewer as base64 string.
+The following steps explain how the PDF file can be loaded in the PDF Viewer as a base64 string.
**Step 1:** Create a Simple PDF Viewer Sample in Angular
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/overview.md
index 542304d820..a016f99eb5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/overview.md
@@ -14,25 +14,25 @@ The [Angular PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk) component is
* Accurate, reliable rendering of PDF pages.
* Easy page navigation with:
- * [Thumbnail page view](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/page-thumbnail)
+ * [Page thumbnail](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/page-thumbnail)
* [Bookmark panel](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/bookmark)
* [Hyperlink navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/hyperlink)
* [Table of contents navigation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interactive-pdf-navigation/hyperlink#table-of-contents-navigation)
* Core interactions:
* [Zooming](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/magnification) and [panning](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/interaction-mode)
- * [Text searching](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-search)
+ * [Text search](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/text-search)
* Text selection and copy
* [Print](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/print) PDF files.
* Annotate PDFs with:
- * [Text markup annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/text-markup-annotation): highlight, underline, and strikethrough
- * [Shape annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/shape-annotation): rectangle, circle, polygon, line, and arrow
- * [Stamp annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/stamp-annotation)
- * [Free text annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/free-text-annotation)
- * [Comments](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/comments) and [sticky notes](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/sticky-notes-annotation)
+ * [Text markup annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/highlight-annotation): highlight, underline, and strikethrough
+ * [Shape annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/rectangle-annotation): rectangle, circle, polygon, line, and arrow
+ * [Stamp annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/stamp-annotation)
+ * [Free text annotations](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/free-text-annotation)
+ * [Comments](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/comments) and [sticky notes](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/annotation-types/sticky-notes)
* [Form filling](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/forms/overview)
* [Form designer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/form-designer)
* [Handwritten signature](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/annotation/signature-annotation)
-* [Toolbar](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/toolbar) - Built-in toolbar and custom toolbars for common viewer actions.
+* [Toolbar](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/toolbar-customization/annotation-toolbar) - Built-in toolbar and custom toolbars for common viewer actions.
* [Globalization](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/localization/default-language) - Localize the UI.
* Open and display [normal and protected PDF files](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
index ed934b4b1b..abe9ad076f 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/save-pdf-files.md
@@ -3,7 +3,7 @@ layout: post
title: Saving PDF files in Angular PDF Viewer component | Syncfusion
description: This page helps you to learn here all about saving PDF files in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Saving PDF files
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -26,7 +26,7 @@ Follow the getting-started guide at [Link](https://help.syncfusion.com/document-
2. Open the `PdfViewerController.cs` file in the web service project.
-3. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadStartEventArgs/) method to open it in the viewer using URL
+3. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadstarteventargs) method to open it in the viewer using URL
```csharp
@@ -59,7 +59,7 @@ public IActionResult Download([FromBody] Dictionary jsonObject)
**Step 3:** Set the PDF Viewer Properties in Angular 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.Modify the documentPath with the correct PDF Document URL want to load.
+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. Modify the `documentPath` with the correct PDF document URL to load.
```typescript
import { Component, OnInit } from '@angular/core';
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md b/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
index 88383190da..61e530ec9c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/server-to-standalone.md
@@ -57,7 +57,7 @@ When you migrate to standalone mode, the processing location for various feature
Migrating to standalone mode provides several architectural and operational benefits:
**API Compatibility:**
-- **No API Breaks:** There are no breaking API changes when migrating from the server-backed PDF Viewer to the standalone PDF Viewer. However, APIs that are specific to server interaction, such as [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl), [serverActionSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serveractionsettings), [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#ajaxrequestssettings), [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrycount), [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrytimeout), and [retryStatusCodes](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrystatuscodes), are not applicable in standalone mode. Apart from these server-dependent APIs, all other APIs remain consistent and are supported in the standalone PDF Viewer.
+- **No API Breaks:** There are no breaking API changes when migrating from the server-backed PDF Viewer to the standalone PDF Viewer. However, APIs that are specific to server interaction, such as [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serviceurl), [serverActionSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#serveractionsettings), [ajaxRequestSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#ajaxrequestsettings), [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrycount), [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrytimeout), and [retryStatusCodes](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#retrystatuscodes), are not applicable in standalone mode. Apart from these server-dependent APIs, all other APIs remain consistent and are supported in the standalone PDF Viewer.
**Performance and User Experience:**
- **Instant Rendering:** PDF operations execute immediately in the browser without server round-trips
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md b/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
index cadaf5800c..e9963b3a85 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/theming-and-styling.md
@@ -59,7 +59,7 @@ Dark themes provide a better viewing experience in low-light environments. The A
N> Update the viewer container background color when switching to dark theme for visual consistency.
-### How-to: Toggle Dark Mode
+### Toggle Dark Mode
You can dynamically change the theme by swapping the linked stylesheet.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md
index 408f3509c2..5166f0e56c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/toolbar.md
@@ -3,7 +3,7 @@ layout: post
title: Toolbar in Angular PDF Viewer component | Syncfusion
description: Learn here all about Toolbar in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
platform: document-processing
-control: Toolbar
+control: PDF Viewer
documentation: ug
domainurl: ##DomainURL##
---
@@ -26,6 +26,8 @@ The following table lists built-in toolbar items and their actions:
| DownloadOption | Downloads the loaded PDF document. |
| UndoRedoTool | Provides undo and redo for annotations. |
| AnnotationEditTool | Toggles annotation edit mode. |
+| FormDesignerEditTool | Toggles form designer edit mode. |
+| SubmitForm | Submits the form data of a loaded PDF. |
| CommentTool | Adds sticky notes (comments) to pages. |
## Show or hide the built-in toolbar
@@ -101,7 +103,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
```html
@@ -182,13 +184,13 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
```html
```
-## Show/Hide the left toolbar with the thumbnails and bookmarks
+## Show or hide the left toolbar with the thumbnails and bookmarks
The PDF Viewer can show or hide the left navigation toolbar (thumbnails and bookmarks) using the `enableNavigationToolbar` API. Examples follow.
@@ -262,12 +264,12 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService,
The PDF Viewer supports customizing toolbar items: add, show, hide, enable, and disable.
-* Add: Define new items using the [CustomToolbarItemModel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/customToolbarItemModel) and include them in the [ToolbarSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarSettings) property. Handle item clicks with the [toolbarclick](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs) event.
+* Add: Define new items using the [CustomToolbarItemModel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/customToolbarItemModel) and include them in the [ToolbarSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarSettings) property. Handle item clicks with the [toolbarClick](https://ej2.syncfusion.com/angular/documentation/api/toolbar/clickEventArgs) event.
* Show / Hide: Show or hide predefined items through `ToolbarSettings`. See the [ToolbarItem](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarItem) API for available identifiers.
* Enable / Disable: Enable or disable toolbar items using the [enabletoolbaritem](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar#enabletoolbaritem) API.
{% tabs %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight ts tabtitle="Standalone" %}
import { Component, OnInit } from '@angular/core';
import {
@@ -349,7 +351,7 @@ export class AppComponent implements OnInit {
}
{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
+{% highlight ts tabtitle="Server-Backed" %}
import { Component, OnInit } from '@angular/core';
import {
@@ -681,10 +683,10 @@ The PDF Viewer exposes APIs so applications can implement a custom toolbar UI. H
N> The icons are embedded in the font file used in the previous snippet.
-**Step 5:** Add the following code snippet in `app.ts` file for performing a user interaction in PDF Viewer in code behind.
+**Step 6:** Add the following code snippet in `app.ts` file for performing a user interaction in PDF Viewer in code behind.
{% tabs %}
-{% highlight js tabtitle="Standalone" %}
+{% highlight ts tabtitle="Standalone" %}
@ViewChild('pdfviewer')
public pdfviewerControl: PdfViewerComponent;
@@ -856,7 +858,7 @@ private readFile(args: any): void {
}
{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
+{% highlight ts tabtitle="Server-Backed" %}
@ViewChild('pdfviewer')
public pdfviewerControl: PdfViewerComponent;
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md b/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
index 01cec0196f..21ed5844c3 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/ui-builder-skill.md
@@ -146,10 +146,10 @@ To start using the skill:
**Example Prompts:**
{% promptcards %}
-{% promptcard Invoice Viewer with Details Panel %}
+{% promptcard Resume Review Interface %}
Design a resume review interface using the PDF viewer for candidate CVs. Add a right panel with candidate details, ratings, tags, and action buttons (shortlist, reject, schedule interview). Include quick notes functionality. Focus on fast scanning and decision-making UX.
{% endpromptcard %}
-{% promptcard Course Material Viewer %}
+{% promptcard Invoice Viewer with Details Panel %}
Design an invoice viewing screen where the PDF viewer is displayed on the left and a structured details panel on the right. The panel should include invoice summary, payment status, client info, and action buttons (mark as paid, download, send reminder). Use card-based sections and soft colors for financial clarity.
{% endpromptcard %}
{% endpromptcards %}