Task(1043536): Revamped the UG documentation for the core Angular PDF Viewer documentation pages

Document-Processing-toc.html

@@ -821,7 +821,7 @@
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/angular/mobile-toolbar">Mobile Toolbar Interface</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/angular/module-injection">Module Injection</a></li>
-							<li><a href="/document-processing/pdf/pdf-viewer/angular/toolbar-customization/overview">Toolbar</a>
+							<li><a href="/document-processing/pdf/pdf-viewer/angular/toolbar">Toolbar</a>
 							    <ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/toolbar-customization/primary-toolbar">Primary Toolbar</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/toolbar-customization/annotation-toolbar">Annotation Toolbar</a></li>
@@ -993,6 +993,7 @@
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/angular/accessibility">Accessibility Features</a></li>
+							<li><a href="/document-processing/pdf/pdf-viewer/angular/theming-and-styling">Theming and Styling</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/angular/context-menu/context-menu">Context Menu</a>
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/context-menu/builtin-context-menu">Built-in Context Menu</a></li>

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`.

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
 <script>
     window.onload = function () {
-        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
+        var pdfViewer = document.getElementById('pdfViewer').ej2_instances[0];
         pdfViewer.download();
     }
 </script>

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)

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)
+* [Toolbar customization](./toolbar-customization/custom-toolbar)

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

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,
 
 ![PDF Viewer selection mode](images/selection.png)
 
-## Panning Mode
+## Panning mode
 
 Panning mode enables touch-based panning and page scrolling of the loaded PDF; text selection is disabled in this mode.
 

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##
 ---

Document-Processing/PDF/PDF-Viewer/angular/mobile-toolbar.md

@@ -1,22 +1,22 @@
 ---
 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##
 ---
 # Mobile Toolbar Interface in Angular PDF Viewer component
 
 The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes Essential<sup style="font-size:70%">&reg;</sup> 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:
 
 ![Mobile toolbar with primary PDF interaction options](images/mobileToolbar.png)
 
-### 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.

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

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 %}
 
-![Alt text](images/toc.png)
+![PDF Viewer showing table of contents navigation](images/toc.png)
 
 ## Keyboard navigation with Tab and Shift+Tab keys
 

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<string, string> 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
 

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)
 

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<string, string> 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';

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