diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-comment-filter.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-comment-filter.md
index e8042cab94..2f0c333215 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-comment-filter.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-comment-filter.md
@@ -131,8 +131,6 @@ Use the `applyCommentFilter` method to apply filters with specific criteria:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
import {
PdfViewerModule,
LinkAnnotationService,
@@ -266,8 +264,6 @@ You can combine multiple filter criteria to create more specific filters:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
import {
PdfViewerModule,
LinkAnnotationService,
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-event.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-event.md
index 08f84e497b..14256ae0b7 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-event.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-event.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# PDF Viewer annotation events in Angular
-The PDF Viewer raises events for annotation and signature interactions (add, remove, move, resize, select, etc.). Handle these events to integrate custom workflows, telemetry, or UI updates. Code samples below demonstrate typical handlers — code blocks are preserved unchanged.
+The PDF Viewer raises events for annotation and signature interactions (add, remove, move, resize, select, etc.). Handle these events to integrate custom workflows, telemetry, or UI updates.
| Annotation events | Description |
|---------------------------------|--------------------------------------------------------------------|
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-permission.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-permission.md
index 2f17764d8c..286f9fe3e3 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-permission.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-permission.md
@@ -134,12 +134,12 @@ export class AppComponent {
{% endtabs %}
Behavior notes
-- isLock true: The annotation is locked; users cannot move, resize, or edit it through the UI until it is unlocked.
-- skipPrint true: All annotations are omitted from the print output initiated from the viewer.
-- skipDownload true: All annotations are omitted from the exported/downloaded PDF from the viewer.
-- isPrint on an individual annotation: Use this when you only want to exclude a particular annotation from printing while leaving others printable.
+- `isLock` true: The annotation is locked; users cannot move, resize, or edit it through the UI until it is unlocked.
+- `skipPrint` true: All annotations are omitted from the print output initiated from the viewer.
+- `skipDownload` true: All annotations are omitted from the exported/downloaded PDF from the viewer.
+- `isPrint` on an individual annotation: Use this when you only want to exclude a particular annotation from printing while leaving others printable.
-[View Sample on GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/area-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/area-annotation.md
index f5e1568581..0bef4c66bb 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/area-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/area-annotation.md
@@ -156,7 +156,6 @@ export class AppComponent {
opacity: 0.6
};
}
-``
{% endhighlight %}
{% endtabs %}
@@ -202,9 +201,9 @@ editAreaProgrammatically(): void {
{% endhighlight %}
{% endtabs %}
-### Delete Distance Annotation
+### Delete Area Annotation
-Delete Distance Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../remove-annotations).
+Delete Area Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../delete-annotation).
## Set Default Properties During Initialization
Apply defaults for Area using the [`areaSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#areasettings) property.
@@ -285,7 +284,7 @@ addStyledArea(): void {
### Set Default Scale Ratio During Initialization
-Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#mesaurementsettings).
+Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#measurementsettings).
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/arrow-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/arrow-annotation.md
index b207d0205e..87edf0298c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/arrow-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/arrow-annotation.md
@@ -170,7 +170,7 @@ N> For **Line** and **Arrow** annotations, **Fill Color** is available only when
### Edit Arrow
#### Edit Arrow (UI)
-- Select a Arrow to view resize handles.
+- Select an Arrow to view resize handles.
- Drag endpoints to adjust length/angle.
- Edit stroke color, opacity, and thickness using the annotation toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/circle-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/circle-annotation.md
index bfdde42fa7..86b4ccba11 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/circle-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/circle-annotation.md
@@ -85,7 +85,7 @@ enableCircleMode(): void {
#### Exit Circle Mode
-Switch back to normal mode using:
+Switch back to default mode (`None`) using:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -179,17 +179,17 @@ export class AppComponent {
Use the annotation toolbar:
-- **Edit fill Color** tool
-
+- **Edit Fill Color** tool
+
-- **Edit stroke Color** tool
-
+- **Edit Stroke Color** tool
+
- **Edit Opacity** slider
-
+
- **Edit Thickness** slider
-
+
#### Edit Circle Programmatically
@@ -221,7 +221,7 @@ See [**Delete Annotation**](../remove-annotations) for full behavior and workflo
### Comments
Use the [**Comments panel**](../comments) to add, view, and reply to threaded discussions linked to circle annotations. It provides a dedicated interface for collaboration and review within the PDF Viewer.
-## Set properties while adding Individual Annotation
+## Set Properties While Adding Individual Annotation
Set properties for individual circle annotations by passing values directly during [`addAnnotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addannotation).
{% tabs %}
@@ -306,7 +306,7 @@ For the full list of available events and their descriptions, see [**Annotation
## Export and Import
-The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../export-import-annotations).
+The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../import-export-annotation).
## See Also
- [Annotation Toolbar](../../toolbar-customization/annotation-toolbar)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/distance-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/distance-annotation.md
index 13937aca6c..1f12b9fd07 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/distance-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/distance-annotation.md
@@ -181,7 +181,7 @@ Change **stroke color**, **thickness**, and **opacity** using the annotation too
- Edit the **opacity** using the Edit Opacity tool.
-- Open **Right Click → Properties** for additional line-based options.
+- Right-click and select **Properties** for additional line-based options.
#### Edit Distance Programmatically
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/free-text-annotation.md
index e4a186fda0..60d0846457 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/free-text-annotation.md
@@ -62,9 +62,9 @@ export class AppComponent {
2. Click **Free Text** to enable Free Text mode.
3. Click on the page to place the text box and start typing.
-
+
-N> When Pan mode is active, choosing Free Text switches the viewer into the appropriate selection/edit workflow for a smoother experience.
+N> When Pan mode is active, selecting Free Text switches the viewer into the appropriate selection/edit workflow for a smoother experience.
### Enable Free Text Mode
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/highlight-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/highlight-annotation.md
index 7d0327ecc3..aff02d8a8c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/highlight-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/highlight-annotation.md
@@ -71,7 +71,7 @@ export class AppComponent {
-### Apply highlight using Context Menu
+### Add Highlight Using the Context Menu
Right-click a selected text region → select **Highlight**.
@@ -221,7 +221,7 @@ For detailed behavior, supported deletion workflows, and API reference, see [Del
### Comments
-Use the [Comments panel](../comments) to add, view, and reply to threaded discussions linked to underline annotations.
+Use the [Comments panel](../comments) to add, view, and reply to threaded discussions linked to highlight annotations.
It provides a dedicated UI for reviewing feedback, tracking conversations, and collaborating on annotation‑related notes within the PDF Viewer.
## Set properties while adding Individual Annotation
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/ink-annotation.md
index 2ba270ea95..5c1baff796 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/ink-annotation.md
@@ -80,7 +80,7 @@ enableInkMode(): void {
{% endhighlight %}
{% endtabs %}
-#### Exit Ink Mode
+### Exit Ink Mode
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -167,7 +167,7 @@ export class AppComponent {
- **Delete**: Via toolbar or context menu.
- **Customize context menu**: See [Customize Context Menu](../../context-menu/custom-context-menu).
-### Edit ink annotation in UI
+### Edit Ink Annotation in UI
Stroke color, thickness, and opacity can be edited using the Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/line-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/line-annotation.md
index 4c9a7594cc..d19d197a31 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/line-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/line-annotation.md
@@ -174,7 +174,7 @@ N> Fill color is available only when an arrowhead style is applied at the Start
## Manage Line (Edit, Move, Resize, Delete)
-### Edit Line
+### Edit Line
#### Edit Line Appearance (UI)
- Select a line to view resize handles.
@@ -184,7 +184,7 @@ N> Fill color is available only when an arrowhead style is applied at the Start
Use the annotation toolbar:
-- **Edit Color** tool
+- **Edit Color** tool
- **Edit Opacity** slider
@@ -315,7 +315,6 @@ export class AppComponent {
The PDF viewer provides annotation life-cycle events that notify when Line annotations are added, modified, selected, or removed.
For the full list of available events and their descriptions, see [**Annotation Events**](../annotation-event)
-
## Export and Import
The PDF Viewer supports exporting and importing annotations. For details on supported formats and workflows, see [**Export and Import annotations**](../export-import-annotations).
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/perimeter-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/perimeter-annotation.md
index 0754619dd2..2f9f41c35c 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/perimeter-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/perimeter-annotation.md
@@ -84,7 +84,7 @@ enablePerimeterMode(): void {
{% endhighlight %}
{% endtabs %}
-#### Exit Perimeter Mode
+### Exit Perimeter Mode
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/polygon-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/polygon-annotation.md
index 2c52da478f..c6c30a74e5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/polygon-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/polygon-annotation.md
@@ -15,7 +15,7 @@ Polygon annotations allow users to outline irregular regions, draw custom shapes
## Enable Polygon Annotation in the Viewer
-To enable Line annotations, inject the following modules into the Angular PDF Viewer:
+To enable Polygon annotations, inject the following modules into the Angular PDF Viewer:
- [**Annotation**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#annotation)
- [**Toolbar**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#toolbar)
@@ -163,11 +163,11 @@ export class AppComponent {
## Manage Polygon (Edit, Move, Resize, Delete)
-### Edit Circle
+### Edit Polygon
-#### Edit Circle (UI)
+#### Edit Polygon (UI)
-- Select a Circle to view resize handles.
+- Select a Polygon to view resize handles.
- Drag any side/corner to resize; drag inside the shape to move it.
- Edit **fill**, **stroke**, **thickness**, and **opacity** using the annotation toolbar.
@@ -188,7 +188,7 @@ Use the annotation toolbar:
#### Edit Polygon Programmatically
-Modify an existing Circle programmatically using `editAnnotation()`.
+Modify an existing Polygon programmatically using `editAnnotation()`.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/radius-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/radius-annotation.md
index ebf4ffc804..f14a71ce7a 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/radius-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/radius-annotation.md
@@ -151,7 +151,7 @@ export class AppComponent {
{% endtabs %}
## Manage Radius (Move, Reshape, Edit, Delete)
-- **Move**: Drag inside the polygon to reposition it.
+- **Move**: Drag inside the circle to reposition it.
- **Reshape**: Drag any vertex handle to adjust points and shape.
### Edit Radius Annotation
@@ -240,7 +240,7 @@ export class AppComponent {
{% endtabs %}
## Set Properties While Adding Individual Annotation
-Apply defaults for Area using the [`radiusSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#radiussettings) property.
+Apply defaults for Radius using the [`radiusSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#radiussettings) property.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/rectangle-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/rectangle-annotation.md
index cf24aff2ff..58e73e3529 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/rectangle-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/rectangle-annotation.md
@@ -159,7 +159,7 @@ export class AppComponent {
{% endtabs %}
## Manage Rectangle (Edit, Move, Resize, Delete)
-### Edit Rectangle
+### Edit Rectangle
#### Edit Rectangle (UI)
- Select a rectangle to view resize handles.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/redaction-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/redaction-annotation.md
index e65094450b..eab592734e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/redaction-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/redaction-annotation.md
@@ -54,9 +54,7 @@ addRedactionProgrammatically(): void {
});
}
{% endhighlight %}
-{% endtabs %}
-
-Track additions using the `annotationAdd` event (wired above as a component prop).
+{% endtabs %}
## Edit Redaction Annotations
@@ -199,7 +197,7 @@ export class AppComponent {
{% endhighlight %}
{% endtabs %}
-[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master)
+[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master)
## See also
- [Annotation Overview](../overview)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/squiggly-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/squiggly-annotation.md
index 686f382a0b..4077760b08 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/squiggly-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/squiggly-annotation.md
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Squiggly Annotation (Text Markup) in Angular PDF Viewer
-This guide explains how to **enable**, **apply**, **customize**, and **manage** *Squiggly* text markup annotations in the Syncfusion **React PDF Viewer**.
+This guide explains how to **enable**, **apply**, **customize**, and **manage** *Squiggly* text markup annotations in the Syncfusion **Angular PDF Viewer**.
You can add squiggly underlines from the toolbar or context menu, programmatically invoke squiggly mode, customize default settings, handle events, and export the PDF with annotations.
## Enable Squiggly in the Viewer
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/stamp-annotation.md
index 21fb008114..1a9fdf1961 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/stamp-annotation.md
@@ -54,7 +54,7 @@ export class AppComponent {
## Add Stamp Annotation
### Add Stamp Using the Toolbar
-1. Open the **Annotation Toolbar**.
+1. Open the **Annotation Toolbar** using the [`showAnnotationToolbar`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbar#showannotationtoolbar) method, or ensure it is enabled via [`annotationToolbarItems`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/toolbarsettings#annotationtoolbaritems). For details, see [Annotation Toolbar](../../toolbar-customization/annotation-toolbar).
2. Choose **Stamp** to open the stamp gallery.
3. Select a stamp type (**Dynamic**, **Sign Here**, **Standard Business**, or **Custom**) and click on the page to place it.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/sticky-notes.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/sticky-notes.md
index b0db5acccd..2a0e378654 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/sticky-notes.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/sticky-notes.md
@@ -145,7 +145,7 @@ Update properties and call `editAnnotation()`.
editStickyProgrammatically(): void {
const pdfViewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
for (const ann of pdfViewer.annotationCollection) {
- if (ann.subject === 'Volume calculation') {
+ if (ann.subject === 'Sticky Note') {
ann.strokeColor = '#0000FF';
ann.thickness = 2;
ann.opacity = 0.8;
@@ -157,12 +157,12 @@ editStickyProgrammatically(): void {
{% endhighlight %}
{% endtabs %}
-### Delete Volume Annotation
+### Delete Sticky Note
-Delete Volume Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../remove-annotations).
+Delete Annotation via UI (toolbar/context menu) or programmatically. For supported workflows and APIs, see [**Delete Annotation**](../delete-annotation).
## Set Default Properties During Initialization
-Configure scale defaults using [`stickyNotesSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#stickyNotesSettings).
+Configure sticky note defaults using [`stickyNotesSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#stickyNotesSettings).
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/strikethrough-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/strikethrough-annotation.md
index 9e97e54cfe..8f96282286 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/strikethrough-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/strikethrough-annotation.md
@@ -59,7 +59,7 @@ export class AppComponent {
-### Add strikethrough using Context Menu
+### Add Strikethrough Using Context Menu
Right-click a selected text region → select **Strikethrough**.
@@ -262,5 +262,5 @@ The PDF Viewer supports exporting and importing annotations, allowing you to sav
- [Customize Context Menu](../../context-menu/custom-context-menu)
- [Comments Panel](../comments)
- [Annotation Events](../annotation-event)
-- [Export and Import annotations](../export-import-annotations)
-- [Delete Annotations](../remove-annotations)
+- [Export and Import Annotations](../import-export-annotation)
+- [Delete Annotations](../delete-annotation)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/underline-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/underline-annotation.md
index 10408c1c64..502fe287c5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/underline-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/underline-annotation.md
@@ -206,7 +206,7 @@ The PDF Viewer supports deleting existing annotations through both the UI and AP
### Comments
Use the [**Comments panel**](../comments) to add, view, and reply to threaded discussions linked to underline annotations. It provides a dedicated UI for reviewing feedback, tracking conversations, and collaborating on annotation–related notes within the PDF Viewer.
-## Set properties while adding Individual Annotation
+## Set properties while adding individual Annotation
Set properties for individual annotations when adding them programmatically by supplying fields on each `addAnnotation('Underline', …)` call.
{% tabs %}
@@ -281,12 +281,12 @@ export class AppComponent {
The PDF viewer provides annotation life-cycle events that notify when underline annotations are added, modified, selected, or removed. For the full list of available events and their descriptions, see [**Annotation Events**](../annotation-event).
## Export and Import
-The PDF Viewer supports exporting and importing annotations, allowing you to save annotations as a separate file or load existing annotations back into the viewer. For full details on supported formats and steps to export or import annotations, see [**Export and Import Annotation**](../export-import-annotations)
+The PDF Viewer supports exporting and importing annotations, allowing you to save annotations as a separate file or load existing annotations back into the viewer. For full details on supported formats and steps to export or import annotations, see [**Export and Import Annotation**](../import-export-annotation).
## See Also
- [Annotation Toolbar](../../toolbar-customization/annotation-toolbar)
- [Customize Context Menu](../../context-menu/custom-context-menu)
- [Comments Panel](../comments)
- [Annotation Events](../annotation-event)
-- [Export and Import annotations](../export-import-annotations)
-- [Delete Annotations](../remove-annotations)
+- [Export and Import annotations](../import-export-annotation)
+- [Delete Annotations](../delete-annotation)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/volume-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/volume-annotation.md
index 31e84a4122..073f48c2e5 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/volume-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotation-types/volume-annotation.md
@@ -159,7 +159,7 @@ export class AppComponent {
{% endtabs %}
## Manage Volume (Move, Resize, Delete)
-- **Move**: Drag inside the polygon to reposition it.
+- **Move**: Drag inside the circle to reposition it.
- **Reshape**: Drag any vertex handle to adjust points and shape.
### Edit Volume Annotation
@@ -251,7 +251,7 @@ export class AppComponent {
{% endtabs %}
## Set Properties While Adding Individual Annotation
-Apply defaults for Area using the [`volumeSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#volumesettings) property.
+Apply defaults for Volume using the [`volumeSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#volumesettings) property.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -279,7 +279,7 @@ addStyledVolume(): void {
### Set Default Scale Ratio During Initialization
-Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#mesaurementsettings).
+Configure scale defaults using [`measurementSettings`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#measurementsettings).
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-api.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-api.md
index addfac3cf2..7807f84b56 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-api.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-api.md
@@ -24,6 +24,37 @@ The PDF Viewer provides APIs to read the loaded annotations and to configure glo
| [customStamp](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#customstamp) | Defines custom stamp items. |
| [customStampSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#customstampsettings) | Defaults for Custom Stamp annotations. |
| [distanceSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#distancesettings) | Defaults for Distance annotations. |
+| [enableAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableannotation) | Enable or disable the Add/Edit Annotations tool in the toolbar. |
+| [enableAnnotationToolbar](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableannotationtoolbar) | Show or hide the annotation toolbar when the document loads. |
+| [enableFreeText](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablefreetext) | Enable or disable Free Text annotations. |
+| [enableHandwrittenSignature](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablehandwrittensignature) | Enable or disable the handwritten signature feature. |
+| [enableInkAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableinkannotation) | Enable or disable Ink annotations (true by default). |
+| [enableMeasureAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablemeasureannotation) | Enable or disable calibrate/measurement annotations. |
+| [enableMultiPageAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablemultipageannotation) | Enable or disable multi-page text markup selection in UI. |
+| [enableShapeAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableshapeannotation) | Enable or disable shape annotations. |
+| [enableShapeLabel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enableshapelabel) | Enable or disable labels for shape annotations. |
+| [enableStampAnnotations](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablestampannotations) | Enable or disable stamp annotations at load time. |
+| [enableStickyNotesAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enablestickynotesannotation) | Enable or disable sticky notes annotations at load time. |
+| [enableTextMarkupAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enabletextmarkupannotation) | Enable or disable text markup annotations. |
+| [enableTextMarkupResizer](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#enabletextmarkupresizer) | Enable or disable the text markup resizer to modify bounds in the UI. |
+| [exportAnnotationFileName](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#exportannotationfilename) | Gets or sets the exported annotations JSON file name. |
+| [freeTextSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#freetextsettings) | Defaults for Free Text annotations. |
+| [handWrittenSignatureSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#handwrittensignaturesettings) | Defaults for handwritten signatures. |
+| [highlightSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#highlightsettings) | Defaults for Highlight annotations. |
+| [inkAnnotationSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#inkannotationsettings) | Defaults for Ink annotations. |
+| [isAnnotationToolbarVisible](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#isannotationtoolbarvisible) | Open the annotation toolbar initially and read its visibility state. |
+| [lineSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#linesettings) | Defaults for Line annotations. |
+| [measurementSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#measurementsettings) | Defaults for Measurement annotations. |
+| [perimeterSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#perimetersettings) | Defaults for Perimeter annotations. |
+| [polygonSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#polygonsettings) | Defaults for Polygon annotations. |
+| [radiusSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#radiussettings) | Defaults for Radius annotations. |
+| [rectangleSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#rectanglesettings) | Defaults for Rectangle annotations. |
+| [shapeLabelSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#shapelabelsettings) | Defaults for shape labels (requires `enableShapeLabel`). |
+| [stampSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#stampsettings) | Defaults for Stamp annotations (dynamic/sign/business). |
+| [stickyNotesSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#stickynotessettings) | Defaults for Sticky Notes annotations. |
+| [strikethroughSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#strikethroughsettings) | Defaults for Strikethrough annotations. |
+| [underlineSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#underlinesettings) | Defaults for Underline annotations. |
+| [volumeSettings](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#volumesettings) | Defaults for Volume annotations. |
## annotationCollection
Read the loaded document annotation collection from the viewer instance.
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 b3f709da5c..ae501489f4 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
@@ -1,6 +1,6 @@
---
layout: post
-title: Annotations mobileView in Angular PDF Viewer | Syncfusion
+title: Annotations in mobile view in Angular PDF Viewer | Syncfusion
description: Learn here all about how to use annotations in mobile view with the Syncfusion Angular PDF Viewer Component.
platform: document-processing
control: PDF Viewer
@@ -83,7 +83,7 @@ This article describes how to use annotation tools in the Angular PDF Viewer on
**Step 2:** The ink annotation is rendered on the page.
-
+
## Change annotation properties (before adding)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-undo-redo.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-undo-redo.md
index e9b28173ad..5f8b861067 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-undo-redo.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/annotations-undo-redo.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Undo and Redo annotation in Angular PDF Viewer | Syncfusion
-description: Learn to undo and redo annotations changes in Syncfusion Angular PDF Viewer, with UI and programmatic examples.
+title: Undo and Redo annotations in Angular PDF Viewer | Syncfusion
+description: Learn to undo and redo annotation changes in Syncfusion Angular PDF Viewer, with UI and programmatic examples.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md
index d8c90b3507..64f487f09b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md
@@ -75,13 +75,13 @@ You can edit comments in two ways:
---
-## Add Comments to the annotation Programmatically
+## Add comments to the annotation programmatically
### Add comments and replies programmatically
Comments can be added to the PDF document programmatically using the `editAnnotation` property.
-The following example Shows how to add comments and reply in response to a button click.
+The following example shows how to add comments and reply in response to a button click.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -269,7 +269,7 @@ export class AppComponent {
Comments can be edited in the PDF document programmatically using the `editAnnotation` property.
-The following example Shows how to edit comments and reply in response to a button click.
+The following example shows how to edit comments and reply in response to a button click.
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -596,7 +596,7 @@ These review patterns are especially useful in content editing, design review, l
- [Remove Annotation](../annotation/delete-annotation)
- [Handwritten Signature](../annotation/signature-annotation)
- [Export and Import Annotation](../annotation/export-import/export-annotation)
-- [Annotation Permission](../annotationsannotation-permission)
+- [Annotation Permission](../annotation/annotation-permission)
- [Annotation in Mobile View](../annotation/annotations-in-mobile-view)
- [Annotation Events](../annotation/annotation-event)
- [Annotation API](../annotation/annotations-api)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/create-modify-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/create-modify-annotation.md
index c842d7853c..b518098132 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/create-modify-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/create-modify-annotation.md
@@ -26,15 +26,15 @@ Jump directly to a specific annotation type for detailed usage and examples:
- Line: [Line annotation](./annotation-types/line-annotation)
- Arrow: [Arrow annotation](./annotation-types/arrow-annotation)
- Rectangle: [Rectangle annotation](./annotation-types/rectangle-annotation)
-- Circle : [Circle annotation](./annotation-types/circle-annotation)
+- Circle: [Circle annotation](./annotation-types/circle-annotation)
- Polygon: [Polygon annotation](./annotation-types/polygon-annotation)
**Measurement annotations:**
- Distance: [Distance annotation](./annotation-types/distance-annotation)
- Perimeter: [Perimeter annotation](./annotation-types/perimeter-annotation)
- Area: [Area annotation](./annotation-types/area-annotation)
-- Radius: [Radius annotation](./annotation-types/ra)
-- Volume: [Volume annotation](./annotation-types/vo)
+- Radius: [Radius annotation](./annotation-types/radius-annotation)
+- Volume: [Volume annotation](./annotation-types/volume-annotation)
**Other annotations:**
- Redaction: [Redaction annotation](./annotation-types/redaction-annotation)
@@ -62,7 +62,7 @@ N> Each annotation type page includes both UI steps and programmatic examples sp
Creation patterns vary by type. Refer to the individual annotation pages for tailored code.
-Example: creating a Rectangle annotation using [`addAnnotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addannotation).
+Example: creating a Redaction annotation using [`addAnnotation`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#addannotation).
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -74,7 +74,7 @@ import { PdfViewerModule, ToolbarService, AnnotationService } from '@syncfusion/
imports: [PdfViewerModule],
providers: [ToolbarService, AnnotationService],
template: `
-
+
Deleting via the API requires the annotation to exist in the current document. Ensure an annotation is selected when using `deleteAnnotation()`, or pass a valid id to `deleteAnnotationById()`.
-[View Sample on GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+[View Sample on GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-annotation.md
index be82c318a1..aa6b42cdcc 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-annotation.md
@@ -10,10 +10,10 @@ domainurl: ##DomainURL##
# Export annotations in Angular PDF Viewer
-PDF Viewer provides support to export annotations. You can export annotations from the PDF Viewer in two ways:
+PDF Viewer supports exporting annotations. You can export annotations from the PDF Viewer in two ways:
- Using the built-in UI in the Comments panel (JSON or XFDF file)
-- Programmatically (JSON, XFDF, or as an object for custom handling)
+- Programmatically (JSON, XFDF, as an object, or as a Base64 string for custom handling)
## Export using the UI (Comments panel)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-import-events.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-import-events.md
index 7f51b3dbb5..29c4a53c59 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-import-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/export-import-events.md
@@ -5,6 +5,7 @@ description: Learn how to handle Import/Export events for PDF Annotations in the
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Import/Export events in Angular PDF Viewer
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/import-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/import-annotation.md
index d622bab52b..70d95b0393 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/import-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/export-import/import-annotation.md
@@ -5,6 +5,7 @@ description: Learn how to import annotations in Syncfusion Angular PDF Viewer us
platform: document-processing
control: PDF Viewer
documentation: ug
+domainurl: ##DomainURL##
---
# Import annotations in Angular PDF Viewer
@@ -19,7 +20,7 @@ The Comments panel provides import options in its overflow menu:
- Import annotations from JSON file
- Import annotations from XFDF file
-Steps:
+Follow the steps to import annotations:
1. Open the Comments panel in the PDF Viewer.
2. Click the overflow menu (three dots) at the top of the panel.
3. Choose the appropriate import option and select the file.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/flatten-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/flatten-annotation.md
index b84c075ef1..868dc3128d 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/flatten-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/flatten-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Flatten Annotations in the Syncfusion Angular PDF Viewer
-description: Learn how all about how to flatten annotations and formfields before saving a PDF in the Syncfusion Angular PDF Viewer.
+description: Learn all about how to flatten annotations and formfields before saving a PDF in the Syncfusion Angular PDF Viewer.
platform: document-processing
control: PDF Viewer
documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/free-text-annotation.md
index b2855aa7d8..bcaf0db713 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/free-text-annotation.md
@@ -344,7 +344,7 @@ Move a free text annotation programmatically by updating its `bounds` and callin
```
-Find the sample: how to move the free text annotation programmatically (https://stackblitz.com/edit/angular-dxub1a-qjbisb?file=app.component.ts)
+Find the sample: [how to move the free text annotation programmatically](https://stackblitz.com/edit/angular-dxub1a-qjbisb?file=app.component.ts)
## Get the ID of a newly added free text annotation
@@ -361,7 +361,7 @@ public annotationAddEventHandler(args) {
```
-Find the sample: how to get the newly added free text annotation id (https://stackblitz.com/edit/angular-dxub1a-utuefq?file=app.component.ts)
+Find the sample: [how to get the newly added free text annotation id](https://stackblitz.com/edit/angular-dxub1a-utuefq?file=app.component.ts)
## Change the content of an existing free text annotation programmatically
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/import-export-annotation.md
index 516443c7ea..9125fd1a22 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/import-export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/import-export-annotation.md
@@ -31,7 +31,7 @@ Using the annotation toolbar:
* Click the Add or Edit annotation button in the PDF Viewer toolbar.
* The annotation toolbar will appear.
* Click the Comment Panel button in the annotation toolbar.
-* The comments panel will displayed.
+* The comments panel will be displayed.
* Click the **More Option** button in the comment panel container.
* Select the Import annotations from JSON file option to import annotations from a JSON file.
@@ -495,6 +495,7 @@ import { PdfViewerComponent, LinkAnnotationService, BookmarkViewService,
})
export class AppComponent implements OnInit {
@ViewChild('pdfviewer')
+ public pdfviewerControl: PdfViewerComponent;
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
onImportAnnotationsClick() {
var pdfviewer = (document.getElementById('pdfViewer')).ej2_instances[0];
@@ -531,6 +532,7 @@ import { PdfViewerComponent, LinkAnnotationService, BookmarkViewService,
})
export class AppComponent implements OnInit {
@ViewChild('pdfviewer')
+ public pdfviewerControl: PdfViewerComponent;
public service: string = 'https://localhost:44347/pdfviewer';
public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
onImportAnnotationsClick() {
@@ -820,7 +822,7 @@ The PDF Viewer control provides the support to export the annotations as JSON fi
* Click the Add or Edit annotation button in the PDF Viewer toolbar.
* The annotation toolbar will appear.
* Click the Comment Panel button in the annotation toolbar.
-* The comments panel will displayed.
+* The comments panel will be displayed.
* Click the **More Option** button in the comment panel container.
* Select the Export annotation to JSON file option to export annotations to a JSON file.
@@ -830,7 +832,7 @@ The PDF Viewer control provides the support to export the annotations as JSON fi
->Export annotations will be in the disabled state when the loaded PDF document does not contain any annotations.
+>The Export annotations option will be disabled when the loaded PDF document does not contain any annotations.
## Exporting annotation using PDF Viewer API
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-annotation.md
index 8613935eb9..72e6665709 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-annotation.md
@@ -24,8 +24,6 @@ Ink annotations can be added to the PDF document using the annotation toolbar.
-Ink tool in the annotation toolbar
-
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
@@ -243,7 +241,7 @@ export class AppComponent implements OnInit {
var height = viewer.annotationCollection[i].bounds.height;
viewer.annotationCollection[i].bounds = {x : 100, y: 100, width: width, height: height };
viewer.annotationCollection[i].strokeColor = "#0000FF";
- viewer.annotationCollection[i].thickness = 2 ;
+ viewer.annotationCollection[i].thickness = 2;
viewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
}
@@ -292,7 +290,7 @@ export class AppComponent implements OnInit {
var height = viewer.annotationCollection[i].bounds.height;
viewer.annotationCollection[i].bounds = {x : 100, y: 100, width: width, height: height };
viewer.annotationCollection[i].strokeColor = "#0000FF";
- viewer.annotationCollection[i].thickness = 2 ;
+ viewer.annotationCollection[i].thickness = 2;
viewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-eraser.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-eraser.md
index ba3061fc21..22914e941e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-eraser.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/ink-eraser.md
@@ -31,7 +31,7 @@ The Ink Eraser is most useful in these scenarios:
## Enable Ink Eraser
-To enable the Ink Eraser feature, inject the following modules into the Angular PDF Viewer:
+To enable the Ink Eraser feature, inject the following services into the Angular PDF Viewer:
- [**Annotation**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#annotation)
- [**Toolbar**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/index-default#toolbar)
@@ -426,7 +426,7 @@ export class AppComponent implements OnInit {
- **Partial erasing**: You can erase any portion of an ink stroke without affecting other strokes.
- **Real-time erasing**: Erased content is immediately removed as the eraser moves across the stroke.
- **Undo/Redo support**: Eraser actions can be undone and redone using the toolbar buttons or keyboard shortcuts (Ctrl+Z, Ctrl+Y).
-- **Size adjust-ability**: The eraser size can be changed at any time without exiting eraser mode.
+- **Size adjustability**: The eraser size can be changed at any time without exiting eraser mode.
- **Mouse and touch input**: The eraser works with mouse, stylus, and touch input on supported devices.
### Programmatic control behavior
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/line-angle-constraints.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/line-angle-constraints.md
index 8d1c13acad..4272fadb12 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/line-angle-constraints.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/line-angle-constraints.md
@@ -70,7 +70,7 @@ export class AppComponent {
When line angle constraints are enabled:
-- Start drawing a supported annotation (Line, Arrow, Polyline, Distance, or Perimeter).
+- Start drawing a supported annotation (Line, Arrow, Polygon, Distance, or Perimeter).
- The segment snaps to the nearest allowed angle.
- A visual indicator reflects snapping in real time.
- Release to complete the annotation.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/measurement-annotation.md
index d1e19edc52..f83581725b 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/measurement-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/measurement-annotation.md
@@ -112,7 +112,7 @@ export class AppComponent implements OnInit {
{% endhighlight %}
{% endtabs %}
-## Add a measurement annotation to the PDF document Programmatically
+## Add a measurement annotation to the PDF document programmatically
The PDF Viewer library allows adding measurement annotations programmatically using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
@@ -338,7 +338,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Distance calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -351,7 +351,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Perimeter calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -364,7 +364,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Area calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -377,7 +377,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Radius calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -389,7 +389,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Volume calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -441,7 +441,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Distance calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -454,7 +454,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Perimeter calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -467,7 +467,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Area calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -480,7 +480,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Radius calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -492,7 +492,7 @@ export class AppComponent implements OnInit {
if (pdfviewer.annotationCollection[i].subject === "Volume calculation") {
pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2 ;
+ pdfviewer.annotationCollection[i].thickness = 2;
pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
}
@@ -646,7 +646,7 @@ The PDF Viewer supports the following measurement units:
-## Setting default scale ratio settings during control initialization
+## Setting default scale ratio during control initialization
The properties of scale ratio for measurement annotation can be set before creating the control using ScaleRatioSettings as shown in the following code snippet,
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md
index 5be550069c..5e6fbf4263 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/overview.md
@@ -16,7 +16,7 @@ The PDF Viewer provides a complete set of annotation tools for reviewing, measur
## Supported annotations
-- Text markup: [Highlight](../annotation/annotation-types/highlight-annotation), [Underline](../annotation/annotation-types/underline-annotation), [Squiggly](../annotation/annotation-types/Squiggly-annotation), [Strikethrough](../annotation/annotation-types/strikethrough-annotation)
+- Text markup: [Highlight](../annotation/annotation-types/highlight-annotation), [Underline](../annotation/annotation-types/underline-annotation), [Squiggly](../annotation/annotation-types/squiggly-annotation), [Strikethrough](../annotation/annotation-types/strikethrough-annotation)
- Shapes: [Line](../annotation/annotation-types/line-annotation), [Arrow](../annotation/annotation-types/arrow-annotation), [Rectangle](../annotation/annotation-types/rectangle-annotation), [Circle](../annotation/annotation-types/circle-annotation), [Polygon](../annotation/annotation-types/polygon-annotation)
- Text boxes: [Free Text](../annotation/annotation-types/free-text-annotation)
- Drawing: [Ink](../annotation/annotation-types/ink-annotation) (freehand)
@@ -28,7 +28,7 @@ The PDF Viewer provides a complete set of annotation tools for reviewing, measur
## Annotation manipulation capabilities
- [Create annotations](../annotation/create-modify-annotation): Use the toolbar, context menu, or APIs to add highlights, notes, shapes, and more directly onto the PDF document.
-- [Edit annotations](../annotation/create-modify-annotation.md): Modify existing annotations by moving, resizing, or updating text and style properties like color, opacity, and thickness.
+- [Edit annotations](../annotation/create-modify-annotation): Modify existing annotations by moving, resizing, or updating text and style properties like color, opacity, and thickness.
- [Customize annotations](../annotation/customize-annotation): Adjust appearance and behavior—such as fonts, fill colors, and opacity—through the UI or configuration options.
- [Undo and redo annotations](../annotation/annotations-undo-redo): Revert or reapply annotation actions (add, edit, delete) using toolbar buttons or corresponding APIs.
- [Import and export annotations](../annotation/export-import/export-annotation): Save and load annotations in JSON or XFDF formats to persist markups across sessions or share them with others.
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/shape-annotation.md
index 555ea47f12..ea43c2ccc6 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/shape-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Shape annotation in Angular PDF Viewer control | Syncfusion
-description: Learn about shape annotations in the Syncfusion Angular PDF Viewer (Essential JS 2), including add, edit, delete, and default settings.
+description: Learn about shape annotations in the Syncfusion Angular PDF Viewer (Essential JS 2), including add, edit, default settings, and how to delete them.
platform: document-processing
control: Shape annotation
documentation: ug
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
# Shape Annotation in Angular PDF Viewer component
-The PDF Viewer provides options to add, edit, and delete shape annotations. Supported shape annotation types include:
+The PDF Viewer provides options to add, edit, and delete shape annotations. For details on deleting shape annotations, see [Delete annotation](delete-annotation.md). Supported shape annotation types include:
* Line
* Arrow
@@ -287,9 +287,9 @@ export class AppComponent implements OnInit {
## Edit an existing shape annotation programmatically
-To modify an existing shape annotation programmatically, use the editAnnotation() method.
+To modify an existing shape annotation programmatically, use the [editAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#editannotation) method.
-Here is an example of using editAnnotation()::
+Here is an example of using editAnnotation():
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
index 225a6e233f..f9e9b7ba10 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/signature-annotation.md
@@ -364,7 +364,7 @@ Edit opacity using the range slider in the Edit Opacity tool.
-### Edit Signature Annotation Programmatically
+### Edit signature annotation programmatically
With the PDF Viewer library, you can programmatically edit a handwritten signature in the PDF Viewer control using the `editSignature()` method.
@@ -476,7 +476,7 @@ export class AppComponent {
}
}
{% endhighlight %}
-{% highlight ts tabtitle="Standalone" %}
+{% highlight ts tabtitle="Server-Backed" %}
import { Component } from '@angular/core';
import {
PdfViewerModule,
@@ -588,7 +588,7 @@ export class AppComponent {
The following example enables or disables the handwritten signature in the PDF Viewer. Setting the value to `false` disables the feature.
{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
+{% highlight ts tabtitle="Server-Backed" %}
import { Component } from '@angular/core';
import {
PdfViewerModule,
@@ -650,7 +650,7 @@ export class AppComponent {
'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';
}
{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
+{% highlight ts tabtitle="Standalone" %}
import { Component } from '@angular/core';
import {
PdfViewerModule,
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/stamp-annotation.md
index 0e20580543..09a0bb2201 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/stamp-annotation.md
@@ -117,7 +117,7 @@ The following examples switch to stamp annotation modes.
## Add a stamp annotation to the PDF document programmatically
The PDF Viewer library allows adding a stamp annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
-Here are examples showing how to add stamp annotations programmatically using addAnnotation():
+Here are examples showing how to add stamp annotations programmatically using `addAnnotation()`:
{% tabs %}
{% highlight ts tabtitle="Standalone" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/sticky-notes-annotation.md
index 814353baee..81d4117385 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/sticky-notes-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/sticky-notes-annotation.md
@@ -8,7 +8,7 @@ documentation: ug
domainurl: ##DomainURL##
---
-# Sticky notes in Angular PDF Viewer control
+# Sticky Notes Annotation in Angular PDF Viewer Component
The PDF Viewer control provides options to add, edit, and delete sticky note annotations in the PDF document.
@@ -34,7 +34,7 @@ Annotation comments can be added using the comment panel.
## Add a sticky note annotation to the PDF document programmatically
-The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotationn) method.
+The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
The following example shows how to add a sticky note annotation programmatically using `addAnnotation()`:
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/angular/annotation/text-markup-annotation.md
index 6a10a98bcf..f716c4c46e 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/annotation/text-markup-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/annotation/text-markup-annotation.md
@@ -205,7 +205,7 @@ export class AppComponent implements OnInit {
## Highlight text programmatically
-Programmatically add highlights using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotationn) method.
+Programmatically add highlights using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
Example:
@@ -483,7 +483,7 @@ export class AppComponent implements OnInit {
## Underline text programmatically
-Programmatically add underlines using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotationn) method.
+Programmatically add underlines using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
Example:
@@ -523,7 +523,7 @@ export class AppComponent implements OnInit {
pdfviewer.annotation.addAnnotation("Underline", {
bounds: [{ x: 250, y: 148, width: 345, height: 14 }],
pageNumber: 2
- } as HighlightSettings);
+ } as UnderlineSettings);
}
}
{% endhighlight %}
@@ -563,7 +563,7 @@ export class AppComponent implements OnInit {
pdfviewer.annotation.addAnnotation("Underline", {
bounds: [{ x: 250, y: 148, width: 345, height: 14 }],
pageNumber: 2
- } as HighlightSettings);
+ } as UnderlineSettings);
}
}
@@ -761,7 +761,7 @@ export class AppComponent implements OnInit {
## Strikethrough text programmatically
-Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotationn) method.
+Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation#addannotation) method.
Example: