From c05d28eea4df7392780fc824e98e713d94839cf8 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 13:28:17 +0530 Subject: [PATCH 1/8] EJ2-1043650-Revamped export-import-events files --- .../export-import/export-annotation.md | 2 +- .../export-import/export-import-events.md | 18 +++++++++--------- .../export-import/import-annotation.md | 18 +++++++++--------- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md index 5c8357bd99..55aa4bc429 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Export annotations in ASP.NET Core 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) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md index 74f25f64b3..e642fbcef6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md @@ -79,15 +79,15 @@ N> `importStart`, `importSuccess`, and `importFailed` cover the lifecycle of ann ## See also - [Annotation Overview](../../overview) -- [Annotation Types](../../annotations/annotation-types/area-annotation) +- [Annotation Types](../../annotation/annotation-types/area-annotation) - [Annotation Toolbar](../../toolbar-customization/annotation-toolbar) -- [Create and Modify Annotation](../../annotations/create-modify-annotation) -- [Customize Annotation](../../annotations/customize-annotation) -- [Remove Annotation](../../annotations/delete-annotation) -- [Handwritten Signature](../../annotations/signature-annotation) +- [Create and Modify Annotation](../../annotation/create-modify-annotation) +- [Customize Annotation](../../annotation/customize-annotation) +- [Remove Annotation](../../annotation/delete-annotation) +- [Handwritten Signature](../../annotation/signature-annotation) - [Export Annotation](../export-import/export-annotation) - [Import Annotation](../export-import/import-annotation) -- [Annotation Permission](../../annotations/annotation-permission) -- [Annotation in Mobile View](../../annotations/annotations-in-mobile-view) -- [Annotation Events](../../annotations/annotation-event) -- [Annotation API](../../annotations/annotations-api) \ No newline at end of file +- [Annotation Permission](../../annotation/annotation-permission) +- [Annotation in Mobile View](../../annotation/annotations-in-mobile-view) +- [Annotation Events](../../annotation/annotation-event) +- [Annotation API](../../annotation/annotations-api) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/import-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/import-annotation.md index e945449b2d..6221adc102 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/import-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/import-annotation.md @@ -84,15 +84,15 @@ N> Only objects produced by the viewer (for example, by `exportAnnotationsAsObje ## See also - [Annotation Overview](../../overview) -- [Annotation Types](../../annotations/annotation-types/area-annotation) +- [Annotation Types](../../annotation/annotation-types/area-annotation) - [Annotation Toolbar](../../toolbar-customization/annotation-toolbar) -- [Create and Modify Annotation](../../annotations/create-modify-annotation) -- [Customize Annotation](../../annotations/customize-annotation) -- [Remove Annotation](../../annotations/delete-annotation) -- [Handwritten Signature](../../annotations/signature-annotation) +- [Create and Modify Annotation](../../annotation/create-modify-annotation) +- [Customize Annotation](../../annotation/customize-annotation) +- [Remove Annotation](../../annotation/delete-annotation) +- [Handwritten Signature](../../annotation/signature-annotation) - [Export Annotation](../export-import/export-annotation) - [Import Export Events](../export-import/export-import-events) -- [Annotation Permission](../../annotations/annotation-permission) -- [Annotation in Mobile View](../../annotations/annotations-in-mobile-view) -- [Annotation Events](../../annotations/annotation-event) -- [Annotation API](../../annotations/annotations-api) \ No newline at end of file +- [Annotation Permission](../../annotation/annotation-permission) +- [Annotation in Mobile View](../../annotation/annotations-in-mobile-view) +- [Annotation Events](../../annotation/annotation-event) +- [Annotation API](../../annotation/annotations-api) \ No newline at end of file From d974f77cfd268b1017f387b02864bab364d281c6 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 14:03:23 +0530 Subject: [PATCH 2/8] Revamped the annotation-types files --- .../annotation/annotation-types/area-annotation.md | 8 ++++---- .../annotation/annotation-types/arrow-annotation.md | 2 +- .../annotation-types/highlight-annotation.md | 5 ++--- .../annotation/annotation-types/ink-annotation.md | 4 ++-- .../annotation-types/perimeter-annotation.md | 4 ++-- .../annotation/annotation-types/polygon-annotation.md | 10 +++++----- .../annotation/annotation-types/radius-annotation.md | 2 +- .../annotation-types/redaction-annotation.md | 2 +- .../annotation/annotation-types/sticky-notes.md | 2 +- .../annotation-types/strikethrough-annotation.md | 6 ++++-- .../annotation-types/underline-annotation.md | 6 ++++-- .../annotation/annotation-types/volume-annotation.md | 2 +- 12 files changed, 28 insertions(+), 25 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/area-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/area-annotation.md index d36f72c6a3..cd145e2742 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/area-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/area-annotation.md @@ -116,9 +116,9 @@ window.onload = function () { - **Move**: Drag inside the polygon to reposition it. - **Reshape**: Drag any vertex handle to adjust points and shape. -### Edit Perimeter +### Edit Area Appearance -#### Edit Perimeter (UI) +#### Edit Area Appearance (UI) - Edit the **fill color** using the Edit Color tool. ![Fill color](../../images/calibrate_fillcolor.png) @@ -155,9 +155,9 @@ function editAreaProgrammatically() { {% 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**](../remove-annotations). ## Set Default Properties During Initialization Apply defaults for Area using the [`areaSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AreaSettings) property. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/arrow-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/arrow-annotation.md index 11af60aa06..5e4d7edd7a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/arrow-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/arrow-annotation.md @@ -114,7 +114,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/asp-net-core/annotation/annotation-types/highlight-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/highlight-annotation.md index db5ce33578..f3e3c7c26b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/highlight-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/highlight-annotation.md @@ -106,8 +106,7 @@ Configure default highlight settings such as **color**, **opacity**, and **autho + resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"> {% endhighlight %} {% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/underline-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/underline-annotation.md index d8c82f0a43..d0460735cb 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/underline-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/underline-annotation.md @@ -160,9 +160,10 @@ Use the [**Comments panel**](../comments) to add, view, and reply to threaded di Set properties for individual annotations when adding them programmatically by supplying fields on each `addAnnotation('Underline', …)` call. {% tabs %} -{% highlight js tabtitle="Standalone" %} +{% highlight cshtml tabtitle="Standalone" %} + {% endhighlight %} {% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/volume-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/volume-annotation.md index ba6e3058bb..e3079d491b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/volume-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-types/volume-annotation.md @@ -68,7 +68,7 @@ function exitVolumeMode() { {% endtabs %} ### Add Volume Programmatically -Configure default properties using the [`volumeSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_VolumeSettings) property (for example, default **fill color**, **stroke color**, **opacity**). +Use the [`addAnnotation`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#addannotation) API to add a Volume measurement at a specific location. {% tabs %} {% highlight cshtml tabtitle="Standalone" %} From 435b0cc686bc3dbc456340d4f279b061c662ff9d Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 16:40:20 +0530 Subject: [PATCH 3/8] Revamped the annotation samples --- .../annotation/annotation-comment-filter.md | 3 ++- .../annotation/annotation-event.md | 4 +++- .../annotation/annotation-permission.md | 2 +- .../annotation/annotations-undo-redo.md | 6 ++++- .../asp-net-core/annotation/comments.md | 8 +++---- .../annotation/create-modify-annotation.md | 4 ++-- .../asp-net-core/annotation/custom-data.md | 22 +++++++++---------- .../annotation/customize-annotation.md | 10 ++++----- .../annotation/delete-annotation.md | 4 ++-- .../annotation/flatten-annotation.md | 4 ++-- .../annotation/free-text-annotation.md | 2 +- 11 files changed, 38 insertions(+), 31 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-comment-filter.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-comment-filter.md index b109451d9e..c69f9ec760 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-comment-filter.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-comment-filter.md @@ -86,7 +86,8 @@ You can apply multiple filter criteria simultaneously: 3. Set the **Annotation Type** to "Highlight" 4. Set the **Status** to "Accepted" 5. Click **APPLY** -6. Result: Only highlights created by John Smith with "Accepted" status are displayed + +Only highlights created by John Smith with "Accepted" status are displayed. ### Filter settings diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md index 5dcb53a3fe..5c25555d48 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md @@ -1,14 +1,16 @@ --- +layout: post title: Annotation Events in ASP.NET Core PDF Viewer | Syncfusion description: Comprehensive guide to annotation events in the Syncfusion ASP.NET Core PDF Viewer component with runnable examples. platform: document-processing control: PDF Viewer documentation: ug +domainurl: ##DomainURL## --- # Annotation Events in ASP.NET Core PDF Viewer -The PDF Viewer component triggers various events based on user interactions and annotation changes. These events allow to respond to specific annotation operations such as adding, removing, selecting, moving, and resizing annotations. Signature-related events can also be monitored for signature lifecycle management. +The PDF Viewer component triggers various events based on user interactions and annotation changes. These events allow responding to specific annotation operations such as adding, removing, selecting, moving, and resizing annotations. Signature-related events can also be monitored for signature lifecycle management. ## Available events diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-permission.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-permission.md index 48bbb46055..d90916c66c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-permission.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-permission.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Annotation permissions in ASP.NET Core -Use [annotationSettings](hhttps://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationSettings) to control creation-time permissions and default behavior for annotations in the PDF Viewer. These settings establish defaults for annotations created through the UI and programmatic flows. +Use [annotationSettings](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationSettings) to control creation-time permissions and default behavior for annotations in the PDF Viewer. These settings establish defaults for annotations created through the UI and programmatic flows. ## Common permissions diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotations-undo-redo.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotations-undo-redo.md index 8c682c5f1c..9cb2948859 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotations-undo-redo.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotations-undo-redo.md @@ -1,7 +1,7 @@ --- layout: post title: Undo and Redo annotation in Core PDF Viewer | Syncfusion -Syncfusion description: Learn to undo and redo annotation changes in Syncfusion ASP.NET Core PDF Viewer, with UI and programmatic examples. +description: Learn to undo and redo annotation changes in Syncfusion ASP.NET Core PDF Viewer, with UI and programmatic examples. platform: aspnet-core control: PDF Viewer documentation: ug @@ -25,6 +25,10 @@ Refer to the following code snippet to call undo and redo actions from the clien {% tabs %} {% highlight cshtml tabtitle="Standalone" %} +
+ + +
Each annotation type page includes both UI steps and programmatic examples sp Note: - When pan mode is active and a shape or stamp tool is selected, the viewer switches to text select mode automatically. -- Property pickers in the annotation toolbar let users choose color, stroke color, thickness, and opacity while drawing +- Property pickers in the annotation toolbar let users choose color, stroke color, thickness, and opacity while drawing. ### Create programmatically diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md index 155347206b..ec21f5b60e 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md @@ -1,7 +1,7 @@ --- layout: post title: Custom Data in annotations in ASP.NET Core PDF Viewer | Syncfusion -description: Learn here all about how to use add custom Data in annotation in Syncfusion ASP.NET Core PDF Viewer Component. +description: Learn how to add and use custom data in annotations in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer documentation: ug @@ -48,7 +48,7 @@ window.onload = function() { {% endhighlight %} {% endtabs %} -## Custom data for Individual Annotation +## Custom data for individual annotation Provide customData inside individual annotation-type settings when you want specific payloads for different tools. @@ -132,12 +132,12 @@ window.onload = function() { - [Annotation Overview](../overview) - [Annotation Types](../annotations/annotation-types/area-annotation) - [Annotation Toolbar](../toolbar-customization/annotation-toolbar) -- [Create and Modify Annotation](../annotations/create-modify-annotation) -- [Customize Annotation](../annotations/customize-annotation) -- [Remove Annotation](../annotations/delete-annotation) -- [Handwritten Signature](../annotations/signature-annotation) -- [Export and Import Annotation](../annotations/export-import/export-annotation) -- [Annotation Permission](../annotations/annotation-permission) -- [Annotation in Mobile View](../annotations/annotations-in-mobile-view) -- [Annotation Events](../annotations/annotation-event) -- [Annotation API](../annotations/annotations-api) +- [Create and Modify Annotation](../annotation/create-modify-annotation) +- [Customize Annotation](../annotation/customize-annotation) +- [Remove Annotation](../annotation/delete-annotation) +- [Handwritten Signature](../annotation/signature-annotation) +- [Export and Import Annotation](../annotation/export-import/export-annotation) +- [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/asp-net-core/annotation/customize-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/customize-annotation.md index f362ab3d6b..0d6c15ff92 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/customize-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/customize-annotation.md @@ -10,14 +10,14 @@ domainurl: ##DomainURL## # Customize annotations in ASP.NET Core -Annotation appearance and behavior (for example color, stroke color, thickness, and opacity) can be customized using the built‑in UI or programmatically. This page summarizes common customization patterns and shows how to set defaults per annotation type. +Annotation appearance and behavior (for example, color, stroke color, thickness, and opacity) can be customized using the built‑in UI or programmatically. This page summarizes common customization patterns and shows how to set defaults per annotation type. ## Customize via UI Use the annotation toolbar after selecting an annotation: -- Edit color: changes the annotation fill/text color +- Edit color: changes the annotation fill or text color ![Edit color](../images/edit_color.png) -- Edit stroke color: changes border or line color for shapes and lines types. +- Edit stroke color: changes border or line color for shapes and lines. ![Edit stroke color](../images/shape_strokecolor.png) - Edit thickness: adjusts border or line thickness ![Edit thickness](../images/shape_thickness.png) @@ -35,7 +35,7 @@ Text markup annotations: - Highlight: Set default properties before creating the control using [`highlightSettings`](./annotation-types/highlight-annotation#set-properties-while-adding-individual-annotation) - Strikethrough: Use [`strikethroughSettings`](./annotation-types/strikethrough-annotation#set-properties-while-adding-individual-annotation) - Underline: Use [`underlineSettings`](./annotation-types/underline-annotation#set-properties-while-adding-individual-annotation) -- Squiggly: Use [`squigglySettings`](./annotation-types/Squiggly-annotation#set-properties-while-adding-individual-annotation) +- Squiggly: Use [`squigglySettings`](./annotation-types/squiggly-annotation#set-properties-while-adding-individual-annotation) Shape annotations: @@ -107,7 +107,7 @@ N> After changing defaults using UI tools (for example, Edit color or Edit opaci ## Customize programmatically at runtime -To update an existing annotation from code, modify its properties and call editAnnotation. +To update an existing annotation from code, modify its properties and call `editAnnotation`. Example: bulk‑update matching annotations. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/delete-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/delete-annotation.md index 2e4fb92880..d0e69f2ada 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/delete-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/delete-annotation.md @@ -24,7 +24,7 @@ A selected annotation can be deleted in three ways: ## Delete programmatically -Annotations can be deleted programmatically either by removing the currently selected annotation or by specifying an annotation id. +Annotations can be deleted programmatically either by removing the currently selected annotation or by specifying an annotation `id`. {% tabs %} {% highlight cshtml tabtitle="Standalone" %} @@ -63,7 +63,7 @@ function deleteAnnotationById() { {% endhighlight %} {% endtabs %} -N> 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()`. +N> 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/aspnet-core-pdf-viewer-examples) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/flatten-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/flatten-annotation.md index 1d137898e2..0a686541e6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/flatten-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/flatten-annotation.md @@ -1,7 +1,7 @@ --- layout: post title: Flatten Annotations in the Syncfusion ASP.NET Core PDF Viewer -description: Learn how all about how to flatten annotations and formfields before saving a PDF in the Syncfusion ASP.NET Core PDF Viewer. +description: Learn how to flatten annotations and form fields before saving a PDF in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer documentation: ug @@ -33,7 +33,7 @@ Use the example below to flatten at export time (on download). {% highlight cshtml tabtitle="Standalone" %}
- +
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md index 30fb2ada5f..b0506e5722 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md @@ -17,7 +17,7 @@ The PDF Viewer provides tools to add, edit, and remove free-text annotations. To add a free-text annotation: * Click the **Edit Annotation** button in the PDF Viewer toolbar to reveal the annotation toolbar. -* Select the **Free Text Annotation** button to enter free*text annotation mode. +* Select the **Free Text Annotation** button to enter free-text annotation mode. * Tap or click anywhere on the page to add text. When the viewer is in pan mode, selecting the Free Text annotation switches the viewer to text-selection mode. From b7c930415ec26ea1588b77448ecd1bed7476deab Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 17:37:56 +0530 Subject: [PATCH 4/8] Revamped the pending files --- .../annotation/free-text-annotation.md | 336 -------- .../asp-net-core/annotation/ink-annotation.md | 250 ------ .../asp-net-core/annotation/ink-eraser.md | 4 +- .../annotation/line-angle-constraints.md | 12 +- .../annotation/measurement-annotation.md | 488 ----------- .../asp-net-core/annotation/overview.md | 4 +- .../annotation/shape-annotation.md | 452 ---------- .../annotation/stamp-annotation.md | 424 ---------- .../annotation/sticky-notes-annotation.md | 197 ----- .../annotation/text-markup-annotation.md | 770 ------------------ 10 files changed, 10 insertions(+), 2927 deletions(-) delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/measurement-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/shape-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/stamp-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/sticky-notes-annotation.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/text-markup-annotation.md diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md deleted file mode 100644 index b0506e5722..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/free-text-annotation.md +++ /dev/null @@ -1,336 +0,0 @@ ---- -layout: post -title: "Free text annotation in ASP.NET Core PDF Viewer control" -description: "Learn about free text annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2): add, edit, delete, and default settings." -platform: document-processing -control: PDF Viewer -documentation: ug -domainurl: ##DomainURL## ---- - -# Free text annotation in ASP.NET Core PDF Viewer component - -The PDF Viewer provides tools to add, edit, and remove free-text annotations. - -## Add a free-text annotation - -To add a free-text annotation: - -* Click the **Edit Annotation** button in the PDF Viewer toolbar to reveal the annotation toolbar. -* Select the **Free Text Annotation** button to enter free-text annotation mode. -* Tap or click anywhere on the page to add text. - -When the viewer is in pan mode, selecting the Free Text annotation switches the viewer to text-selection mode. - -![Free Text tool in the annotation toolbar](../images/freetext_tool.png) - -The example below shows switching to free-text annotation mode via a button click. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- - -
- -{% endhighlight %} -{% endtabs %} - -## Add a free-text annotation programmatically - -You can add a free-text annotation programmatically using the `addAnnotation()` method. - -Example: add a free-text annotation using `addAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- - -
- -{% endhighlight %} -{% endtabs %} - -## Change the content of an existing free-text annotation programmatically - -To update the content of an existing free-text annotation, use the `editAnnotation()` method. Example below demonstrates editing an annotation's bounds and text. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- - -
- -{% endhighlight %} -{% endtabs %} - -N> The PDF Viewer does not edit original document text. You can add and modify free-text annotations only. - -## Edit free-text annotation properties - -Use the annotation toolbar to configure font family, size, style, font color, text alignment, fill color, stroke color, border thickness, and opacity. - -### Font family - -Choose a font from the Font Family tool. - -![Font family selection](../images/fontfamily.png) - -### Font size - -Select a size in the Font Size tool. - -![Font size selection](../images/fontsize.png) - -### Font color - -Pick a color from the Font Color palette. - -![Font color picker](../images/fontcolor.png) - -### Text alignment - -Set alignment using the Text Align tool. - -![Text alignment options](../images/textalign.png) - -### Text styles - -Toggle styles in the Font Style tool. - -![Text style options](../images/fontstyle.png) - -### Fill color - -Set the annotation's fill color with the Edit Color tool. - -![Fill color picker](../images/fillcolor.png) - -### Stroke color - -Set the stroke color with the Edit Stroke Color tool. - -![Stroke color picker](../images/fontstroke.png) - -### Thickness - -Adjust border thickness with the Edit Thickness slider. - -![Border thickness slider](../images/fontthickness.png) - -### Opacity - -Adjust opacity with the Edit Opacity slider. - -![Opacity slider](../images/fontopacity.png) - -## Set default properties during control initialization - -Set default properties for free-text annotations using `freeTextSettings` when initializing the control. The selected defaults are applied when annotations are created. The example below sets default values. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
- -{% endhighlight %} -{% endtabs %} - -You can also enable the autofit support for free text annotation by using the enableAutoFit boolean property in freeTextSettings as below. The width of the free text rectangle box will be increased based on the text added to it. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
- -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-annotation.md deleted file mode 100644 index 674ca0f57b..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-annotation.md +++ /dev/null @@ -1,250 +0,0 @@ ---- -layout: post -title: Ink annotation in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn about ink annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2): add, edit, delete, and default settings. -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Ink annotation in ASP.NET Core PDF Viewer - -The PDF Viewer control provides options to add, edit, and delete ink annotations. - -![Ink annotations overview](../images/ink_annotation.png) - -## Add an ink annotation to the PDF document - -Ink annotations can be added to the PDF document using the annotation toolbar. - -* Use the **Edit Annotation** button in the PDF Viewer toolbar. The annotation toolbar appears below it. -* Select the **Draw Ink** button to enable ink annotation mode. -* Draw on any page of the PDF document to create an ink annotation. - - ![Ink tool in the annotation toolbar](../images/ink_tool.png) - -The following example switches the viewer to ink annotation mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Add an ink annotation programmatically to the PDF document - -The PDF Viewer library allows adding an ink annotation programmatically using the `addAnnotation()` method. - -The following examples demonstrate how to add an ink annotation programmatically using `addAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- - -
-
- - - -{% endhighlight %} -{% endtabs %} - -{% tabs %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- - -
-
- - - -{% endhighlight %} -{% endtabs %} - -## Edit an existing ink annotation programmatically - -Use the `editAnnotation()` method to modify an existing ink annotation programmatically. - -The following example demonstrates `editAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Edit the properties of ink annotations - -Stroke color, thickness, and opacity can be edited using the Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar. - -### Edit stroke color - -Change the stroke color using the color palette in the Edit Stroke Color tool. - -![Change ink stroke color](../images/ink_strokecolor.png) - -### Edit thickness - -Change the stroke thickness using the range slider in the Edit Thickness tool. - -![Change ink thickness](../images/ink_thickness.png) - -### Edit opacity - -Change the opacity using the range slider in the Edit Opacity tool. - -![Change ink opacity](../images/ink_opacity.png) - -## Set default properties during the control initialization - -Default properties for ink annotations can be set before creating the control by using the `inkAnnotationSettings` property. - -Supported settings include `author`, `strokeColor`, `thickness`, and `opacity`. Set these values on initialization so the viewer uses them when creating new ink annotations. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- - -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md index b4b2c14723..187f61d702 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/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, include the Toolbar and Annotation in your ASP.NET Core PDF Viewer: +The Ink Eraser is available in the annotation toolbar by default. To use it, initialize the PDF Viewer with the **Toolbar** and **Annotation** modules: - [**Annotation**](https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/index-default#annotation) - [**Toolbar**](https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/index-default#toolbar) @@ -276,7 +276,7 @@ You can programmatically switch between Ink drawing mode and Eraser mode for a s - **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/asp-net-core/annotation/line-angle-constraints.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md index 808bfe8c8b..4792ff2282 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md @@ -1,7 +1,7 @@ --- layout: post -title: Line angle constraints in ASP.NET Core PDF Viewer -Syncfusion description: Learn how to enable and configure line angle constraints for line-type annotations in the Syncfusion ASP.NET Core PDF Viewer. +title: Line angle constraints in ASP.NET Core PDF Viewer | Syncfusion +description: Learn how to enable and configure line angle constraints for line-type annotations in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer documentation: ug @@ -53,7 +53,7 @@ When modifying existing line annotations using selectors: - Constraint snapping during modification is supported for Line and Arrow. - Adjustments snap to the configured angle increment. -[View a sample in GitHub](https://github.com/SyncfusionExamples/aspnetcore-pdf-viewer-examples) +A complete working sample is available on GitHub: [aspnetcore-pdf-viewer-examples](https://github.com/SyncfusionExamples/aspnetcore-pdf-viewer-examples). ### Configuration properties @@ -85,10 +85,10 @@ Angle snapping rules: - If the increment does not divide 360 evenly, angles reset after 360°. Examples: -- `restrictLineAngleTo: 45` → Snapped angles: 0°, 45°, 90°, 135°, 180°, 225°, 270°, 315°, 360° -- `restrictLineAngleTo: 100` → Snapped angles: 0°, 100°, 200°, 300°, 360° +- `restrictLineAngleTo: 45` → Snapped angles: 0°, 45°, 90°, 135°, 180°, 225°, 270°, 315° +- `restrictLineAngleTo: 100` → Snapped angles: 0°, 100°, 200°, 300° (the cycle repeats after 360°) -> Refer to the ASP.NET Core PDF Viewer [feature tour](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/default) for feature highlights, and to the [ASP.NET Core PDF Viewer examples]((https://github.com/SyncfusionExamples/aspnet-core-pdf-viewer-examples)) for rendering and configuration examples. +> Refer to the ASP.NET Core PDF Viewer [feature tour](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/default) for feature highlights, and to the [ASP.NET Core PDF Viewer examples](https://github.com/SyncfusionExamples/asp-net-core-pdf-viewer-examples) for rendering and configuration examples. ### See also diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/measurement-annotation.md deleted file mode 100644 index 66f1d8a2fa..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/measurement-annotation.md +++ /dev/null @@ -1,488 +0,0 @@ ---- -layout: post -title: "Measurement annotation in ASP.NET Core PDF Viewer control" -description: "Learn about measurement annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2): distance, perimeter, area, radius, and volume." -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Measurement annotation in ASP.NET Core PDF Viewer - -The PDF Viewer supports measurement annotations for capturing distances, perimeters, areas, radius, and volumes. - -Supported measurement annotations: - -* Distance -* Perimeter -* Area -* Radius -* Volume - -![Measurement annotations overview](../images/calibrate_annotation.png) - -## Add measurement annotations - -Measurement annotations are available from the annotation toolbar. - -* Open the annotation toolbar using the **Edit Annotation** button in the PDF Viewer toolbar. -* Use the **Measurement Annotation** drop-down to choose a measurement type. -* Select a measurement type to enable its annotation mode, then place the measurement on the page. - -If the viewer is in pan mode, selecting a measurement annotation activates text selection mode where applicable. - -![CalibrateTool](../images/calibrate_tool.png) - -The following example switches the viewer to distance annotation mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- -
- -{% endhighlight %} -{% endtabs %} - -## Add a measurement annotation to the PDF document programmatically - -The PDF Viewer library allows adding an ink annotation programmatically using the `addAnnotation()` method. - -The following examples demonstrate how to add measurement annotations programmatically using `addAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% endtabs %} - -## Edit an existing measurement annotation programmatically - -Use the `editAnnotation()` method to modify existing measurement annotations programmatically. - -The following example demonstrates `editAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% endtabs %} - -## Edit properties of measurement annotations - -Change fill color, stroke color, thickness, and opacity using the annotation toolbar tools: Edit Color, Edit Stroke Color, Edit Thickness, and Edit Opacity. - -### Edit fill color - -Change the fill color with the color palette in the Edit Color tool. - -![CalibrateFillColor](../images/calibrate_fillcolor.png) - -### Edit stroke color - -Change the stroke color with the Edit Stroke Color tool. - -![CalibrateStrokeColor](../images/calibrate_stroke.png) - -### Edit thickness - -Adjust border thickness with the range slider in the Edit Thickness tool. - -![CalibrateThickness](../images/calibrate_thickness.png) - -### Edit opacity - -Adjust annotation opacity with the range slider in the Edit Opacity tool. - -![CalibrateOpacity](../images/calibrate_opacity.png) - -### Edit line properties - -Line-based measurement annotations (distance and perimeter) include additional options in the Line Properties window. Open it by right-clicking the annotation and choosing Properties. - -![CalibrateProperty](../images/calibrate_lineprop.png) - -## Set default properties during initialization - -Default properties for measurement annotations can be configured on the viewer before creation using the `distanceSettings`, `perimeterSettings`, `areaSettings`, `radiusSettings`, and `volumeSettings` properties. - -The following code snippet shows how to set default measurement annotation settings on initialization. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- - -
- -{% endhighlight %} -{% endtabs %} - -## Scale ratio and measurement units - -Modify the scale ratio and measurement unit via the Scale Ratio option in the viewer's context menu. - -![CalibrateScaleRatio](../images/calibrate_scaleratio.png) - -Supported units for measurement annotations: - -* Inch -* Millimeter -* Centimeter -* Point -* Pica -* Feet - -![CalibrateScaleDialog](../images/calibrate_scaledialog.png) - -## Set default scale ratio during initialization - -Configure scale ratio defaults using `measurementSettings` (for example, `scaleRatio`, `conversionUnit`, and `displayUnit`) before creating the viewer. The following snippet demonstrates these settings. -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- - -
- -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/overview.md index 52f29e32a8..3c0cc992bc 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/overview.md @@ -28,11 +28,11 @@ 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. -- Set [Permissions](../annotation/annotation-permission): Enable or disable annotation permission, ensuring compliance with document permissions. +- Set [permissions](../annotation/annotation-permission) to enable or disable annotation access, ensuring compliance with document restrictions. - Add and manage [comments](../annotation/comments): Insert, edit, and delete comments or sticky notes attached to annotations for clearer feedback and collaboration. ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/shape-annotation.md deleted file mode 100644 index e15f191041..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/shape-annotation.md +++ /dev/null @@ -1,452 +0,0 @@ ---- -layout: post -title: Shape annotation in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn about shape annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2), including add, edit, delete, and default settings. -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Shape annotation in ASP.NET Core PDF Viewer - -The PDF Viewer provides tools to add, edit, and delete shape annotations. Supported shape types: - -* Line -* Arrow -* Rectangle -* Circle -* Polygon - -![Shape annotations overview](../images/shape_annot.png) - -## Add a shape annotation - -Shape annotations are available from the annotation toolbar. - -- Open the annotation toolbar with the **Edit Annotation** button in the PDF Viewer toolbar. -- Use the **Shape Annotation** drop-down to choose the desired shape type. -- Select a shape type to enable its annotation mode, then draw the shape on the page. - -N> When the viewer is in pan mode and a shape tool is selected, the viewer switches to text selection mode where applicable to ensure a smooth interaction. - -![Shape annotation toolbar](../images/shape_toolbar.png) - -The following sample shows how to switch the viewer to circle annotation mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- -
- -{% endhighlight %} -{% endtabs %} - -## Add a shape annotation to the PDF document programmatically - -The PDF Viewer library allows adding an ink annotation programmatically using the `addAnnotation()` method. - -The following examples show how to add shape annotations programmatically using `addAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% endtabs %} - -## Edit an existing shape annotation programmatically - -Use the `editAnnotation()` method to modify existing shape annotations programmatically. - -The following example demonstrates `editAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- - - - - -
- -{% endhighlight %} -{% endtabs %} - -## Editing the properties of the shape annotation - -## Edit properties of shape annotations - -Change fill color, stroke color, thickness, and opacity using the Edit Color, Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar. - -### Edit fill color - -Change the fill color using the color palette in the Edit Color tool. - -![Edit fill color for shapes](../images/shape_fillColor.png) - -### Edit stroke color - -Change the stroke color using the Edit Stroke Color tool. - -![Edit stroke color for shapes](../images/shape_strokecolor.png) - -### Edit thickness - -Adjust border thickness using the Edit Thickness range slider. - -![Edit thickness for shapes](../images/shape_thickness.png) - -### Edit opacity - -Adjust opacity using the Edit Opacity range slider. - -![Edit opacity for shapes](../images/shape_opacity.png) - -### Line properties - -Line and arrow annotations include additional options in the Line Properties dialog. Open it by right-clicking a line or arrow annotation and choosing Properties. - -![Line properties dialog](../images/shape_lineproperty.png) - -### Edit annotation programmatically - -Modify annotations programmatically using the `editAnnotation()` method. The example below demonstrates selecting and editing an annotation. -``` - - - -``` -### Delete annotation programmatically - -Delete a specific annotation with `deleteAnnotationById()` by providing the annotation's id. The example below demonstrates usage. - -``` - - - -``` - -## Set default properties during initialization - -Default properties for shape annotations can be configured before creating the viewer using `lineSettings`, `arrowSettings`, `rectangleSettings`, `circleSettings`, and `polygonSettings`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
- -{% endhighlight %} -{% endtabs %} - -N> In both the Arrow and Line settings, the Fill Color option is available only when an arrowhead style is applied at the Start or End. If both Start and End arrowhead styles are set to `None`, lines do not support fill rendering and the Fill Color option is disabled. See Arrow settings and Line settings for API details. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/stamp-annotation.md deleted file mode 100644 index 63c22e1d6f..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/stamp-annotation.md +++ /dev/null @@ -1,424 +0,0 @@ ---- -layout: post -title: "Sticky notes annotation in ASP.NET Core PDF Viewer control" -description: "Learn about sticky note annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2): add, edit, delete, and default settings." -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Stamp annotation in ASP.NET Core PDF Viewer component - -The PDF Viewer provides options to add, edit, delete, and rotate the following stamp annotations: - -* Dynamic -* Sign Here -* Standard Business -* Custom Stamp - -![StampAnnotation](../images/stamp_annot.png) - -## Add stamp annotations to the PDF document - -Stamp annotations are added using the annotation toolbar in the ASP.NET Core PDF Viewer. - -* Use the **Edit Annotation** button in the PDF Viewer toolbar to open the annotation toolbar. -* Use the **Stamp Annotation** drop-down to view available stamp annotation types. - - ![StampTool](../images/stamp_tool.png) - -* Selecting a stamp type enables its annotation mode. - - ![StampPopup](../images/selectstamp_annot.png) - -* Place the stamp on a page in the PDF document. - -N> When the viewer is in pan mode and a stamp annotation tool is selected, the PDF Viewer automatically switches to text select mode to provide a smoother interaction. - -The following examples show how to switch to stamp annotation modes in ASP.NET Core. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - - - -
- - -
-
- - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - - - -
- - -
-
- - - -{% endhighlight %} -{% endtabs %} - -## Add a custom stamp - -Use the **Edit Annotation** button and the **Stamp Annotation** drop-down to access the Custom Stamp option. - -![CustomStamp](../images/customStamp.png) - -Select the Custom Stamp option, then choose an image file to add as a custom stamp on the PDF page. - -Only JPG and JPEG image formats are supported for custom stamp annotations. - -## Add a stamp annotation programmatically - -Use the `addAnnotation()` method to add stamp annotations programmatically. - -The examples below demonstrate using `addAnnotation()` to create stamp annotations. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - - - - -
- - -
-
- - - -{% endhighlight %} - -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - - - - -
- - -
-
- - - -{% endhighlight %} -{% endtabs %} - -## Edit an existing stamp annotation programmatically - -Use the `editAnnotation()` method to modify existing stamp annotations programmatically in ASP.NET Core. - -The following example demonstrates `editAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- - -
-
- - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- - -
-
- - - -{% endhighlight %} -{% endtabs %} - -## Set default properties during control initialization - -Set default properties for stamp annotations before creating the control by specifying `stampSettings`. - -After changing the default opacity using the Edit Opacity tool, the selected value is applied. The example below shows how to set default stamp annotation settings. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- - - -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/sticky-notes-annotation.md deleted file mode 100644 index c8071c600d..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/sticky-notes-annotation.md +++ /dev/null @@ -1,197 +0,0 @@ ---- -layout: post -title: "Stamp annotation in ASP.NET Core PDF Viewer control" -description: "Learn about stamp annotations in the Syncfusion ASP.NET Core PDF Viewer (Essential JS 2): dynamic, sign here, standard business, and custom stamps." -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Sticky notes annotation in ASP.NET Core PDF Viewer - -The PDF Viewer provides options to add, edit, and delete sticky note annotations. - -![StickyNotesAnnotation](../images/stickynotes_annotation.png) - -## Add a sticky note annotation - -Annotation comments are added using the comment panel. - -* Right-click a sticky note annotation and choose **Comment** from the context menu. -* Use the comment panel to add comments, reply, and change status. - -![StickyNotesTool](../images/stickynotes_tool.png) - -![StickyNotesComment](../images/stickynotes_comment.png) - -## Add a sticky note annotation to the PDF document programmatically - -Use the `addAnnotation()` method to add a sticky note annotation programmatically. - -The following example demonstrates using `addAnnotation()` to create a sticky note annotation. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- -
- -{% endhighlight %} - -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- -
- -{% endhighlight %} -{% endtabs %} - -## Edit an existing sticky note annotation programmatically - -Use the `editAnnotation()` method to modify existing sticky note annotations programmatically. - -The following example demonstrates `editAnnotation()`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-
- -
- -{% endhighlight %} - -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-
- -
- -{% endhighlight %} -{% endtabs %} - -## Edit the properties of sticky note annotations - -### Editing opacity - -Edit opacity using the range slider in the Edit Opacity tool. - -![StickyNotesOpacity](../images/sticky_opacity.png) - -### Editing comments - -Comment text, replies, and status can be edited using the comment panel. - -* Open the comment panel using the Comment Panel button in the annotation toolbar. - - ![StickyNotesComment](../images/commentPanel.png) - -Modify or delete comments or replies, and change status using the menu options in the comment panel. - - ![StickyNotesEdit](../images/sticky_editbtn.png) - -## Set default properties during control initialization - -Set default properties for sticky note annotations before creating the control by specifying `stickyNotesSettings`. - -After changing the default opacity using the Edit Opacity tool, the selected value is applied. The example below shows how to set default sticky note annotation settings. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
- -{% endhighlight %} - -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
- -{% endhighlight %} -{% endtabs %} - -## Disable sticky note annotations - -The PDF Viewer control provides an option to disable sticky note annotations. The following example disables the feature. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
- -
-{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
- -
-{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/text-markup-annotation.md deleted file mode 100644 index 4740d8ba21..0000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/text-markup-annotation.md +++ /dev/null @@ -1,770 +0,0 @@ ---- -layout: post -title: Text markup annotation in ASP.NET Core PDF Viewer | Syncfusion -description: Learn to add, edit, delete, and customize text markup annotations like highlight, underline, and squiggly in Syncfusion ASP.NET Core PDF Viewer. -control: PDF Viewer -platform: document-processing -documentation: ug -domainurl: ##DomainURL## ---- - -# Text markup annotation in ASP.NET Core PDF Viewer - -The PDF Viewer provides options to add, edit, and delete text markup annotations, including Highlight, Underline, Strikethrough, and Squiggly. - -![Text markup annotation toolbar and examples](../images/text_markup_annotation.png) - -## Highlight text - -Two ways to add highlights: - -1. Using the context menu -* Select text in the PDF document and right-click it. -* Select **Highlight** in the context menu. - - ![Highlight using context menu](../images/highlight_context.png) - -2. Using the annotation toolbar -* Click the **Edit Annotation** button in the PDF Viewer toolbar to open the annotation toolbar. -* Select **Highlight** to enable highlight mode. -* Select text to add the highlight annotation. -* Alternatively, select text first and then click **Highlight**. - - ![Highlight button in annotation toolbar](../images/highlight_button.png) - -When pan mode is active, entering any text markup mode switches the PDF Viewer to text selection mode. - -Refer to the following code snippet to switch to highlight mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code snippet to switch back to normal mode from highlight mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Highlight text programmatically - -Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#addannotation) method. - -Example: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Underline text - -Two ways to add underlines: - -1. Using the context menu -* Select text in the PDF document and right-click it. -* Select **Underline** in the context menu. - - ![Underline using context menu](../images/underline_context.png) - -2. Using the annotation toolbar -* Click the **Edit Annotation** button in the PDF Viewer toolbar to open the annotation toolbar. -* Select **Underline** to enable underline mode. -* Select text to add the underline annotation. -* Alternatively, select text first and then click **Underline**. - - ![Underline button in annotation toolbar](../images/underline_button.png) - -When pan mode is active, entering underline mode switches the PDF Viewer to text selection mode to enable text selection for underlining. - -Refer to the following code snippet to switch to underline mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code snippet to switch back to normal mode from underline mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Underline text programmatically - -Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#addannotation) method. - -Example: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Strikethrough text - -Two ways to add strikethroughs: - -1. Using the context menu -* Select text in the PDF document and right-click it. -* Select **Strikethrough** in the context menu. - - ![Strikethrough using context menu](../images/strikethrough_context.png) - -2. Using the annotation toolbar -* Click the **Edit Annotation** button in the PDF Viewer toolbar to open the annotation toolbar. -* Select **Strikethrough** to enable strikethrough mode. -* Select text to add the strikethrough annotation. -* Alternatively, select text first and then click **Strikethrough**. - - ![Strikethrough button in annotation toolbar](../images/strikethrough_button.png) - -When pan mode is active, entering strikethrough mode switches the PDF Viewer to text selection mode to enable text selection for striking through. - -Refer to the following code snippet to switch to strikethrough mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code snippet to switch back to normal mode from strikethrough mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Strikethrough text programmatically - -Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#addannotation) method. - -Example: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Add squiggly to text - -Two ways to add squiggly annotations: - -1. Using the context menu -* Select text in the PDF document and right-click it. -* Select **Squiggly** in the context menu. - - ![Squiggly using context menu](../images/squiggly_context.png) - -2. Using the annotation toolbar -* Click the **Edit Annotation** button in the PDF Viewer toolbar to open the annotation toolbar. -* Select **Squiggly** to enable squiggly mode. -* Select text to add the squiggly annotation. -* Alternatively, select text first and then click **Squiggly**. - - ![Squiggly button in annotation toolbar](../images/squiggly_button.png) - -When pan mode is active, entering squiggly mode switches the PDF Viewer to text selection mode to enable text selection for adding squiggly annotations. - -Refer to the following code snippet to switch to squiggly mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code snippet to switch back to normal mode from squiggly mode. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Add squiggly to text programmatically - -Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#addannotation) method. - -Example: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Deleting a text markup annotation - -The selected annotation can be deleted in the following ways: - -1. Using the Delete/Backspace key - * Select the annotation. - * Press Delete (or Backspace). The selected annotation is removed. - -2. Using the annotation toolbar - * Select the annotation. - * Click **Delete Annotation** in the annotation toolbar. The selected annotation is removed. - - ![Delete annotation button in toolbar](../images/delete_button.png) - -## Edit text markup annotation properties - -The color and the opacity of the text markup annotation can be edited using the Edit Color tool and the Edit Opacity tool in the annotation toolbar. - -### Edit color - -Use the color palette in the Edit Color tool to change the annotation color. - -![Edit color palette for annotations](../images/edit_color.png) - -### Edit opacity - -Use the range slider in the Edit Opacity tool to change annotation opacity. - -![Edit opacity slider for annotations](../images/edit_opacity.png) - -## Set default properties during control initialization - -Set default properties before creating the control using `highlightSettings`, `underlineSettings`, `strikethroughSettings`, and `squigglySettings`. - -> After editing default color and opacity using the Edit Color and Edit Opacity tools, the values update to the selected settings. - -Refer to the following code snippet to set the default annotation settings. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Perform undo and redo - -The PDF Viewer supports undo and redo for changes. For text markup annotations, undo and redo are provided for: - -* Inclusion of the text markup annotations. -* Deletion of the text markup annotations. -* Change of either color or opacity of the text markup annotations. - -Undo and redo actions can be performed in the following ways: - -1.Using keyboard shortcuts: - After performing a text markup annotation action, press Ctrl+Z to undo and Ctrl+Y to redo. -2.Using the toolbar: - Use the **Undo** and **Redo** tools in the toolbar. - -Refer to the following code snippet to call undo and redo actions from the client side. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
- - -
- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
- - -
- - -{% endhighlight %} -{% endtabs %} - -## Save text markup annotations - -Click the download tool in the toolbar to save text markup annotations to the PDF document. The original document is not modified. - -## Print text markup annotations - -Click the print tool in the toolbar to print the PDF document with text markup annotations. The original document is not modified. - -## Disable text markup annotation - -Disable text markup annotations using the `enableTextMarkupAnnotation` property. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
- - -
- -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
- - -
- -{% endhighlight %} -{% endtabs %} - -## See also - -* [Toolbar items](../../pdfviewer/toolbar) -* [Feature modules](../../pdfviewer/feature-module) \ No newline at end of file From 4cdc2ecfa807c7b348c1efb7c51f775c97ab6e83 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 18:29:58 +0530 Subject: [PATCH 5/8] Revamped document handling and resolved the CI errors --- Document-Processing-toc.html | 1 + .../PDF-Viewer/asp-net-core/annotation/annotation-event.md | 2 +- .../PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md | 2 +- .../annotation/export-import/export-annotation.md | 2 +- .../annotation/export-import/export-import-events.md | 4 ++-- .../PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md | 2 +- .../asp-net-core/annotation/line-angle-constraints.md | 6 +++--- .../asp-net-core/document-handling/load-large-pdf.md | 2 +- .../asp-net-core/document-handling/load-password-pdf.md | 2 +- .../asp-net-core/document-handling/preprocess-pdf.md | 2 +- .../asp-net-core/document-handling/retrieve-loadedDoc.md | 2 +- 11 files changed, 14 insertions(+), 13 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index cc44471d4e..090fc82cbb 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -335,6 +335,7 @@
  • Text Search
  • Annotation
      +
    • Overview
    • Annotation Types
      • Highlight
        • diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md index 5c25555d48..8f799098ba 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/annotation-event.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Annotation Events in ASP.NET Core PDF Viewer -The PDF Viewer component triggers various events based on user interactions and annotation changes. These events allow responding to specific annotation operations such as adding, removing, selecting, moving, and resizing annotations. Signature-related events can also be monitored for signature lifecycle management. +The PDF Viewer component triggers various events based on user interactions and annotation changes. These events allow responding to specific annotation operations such as adding, removing, selecting, moving, and resizing annotations. Signature-related events can also be monitored for signature life cycle management. ## Available events diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md index ec21f5b60e..115b144455 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/custom-data.md @@ -1,7 +1,7 @@ --- layout: post title: Custom Data in annotations in ASP.NET Core PDF Viewer | Syncfusion -description: Learn how to add and use custom data in annotations in the Syncfusion ASP.NET Core PDF Viewer. +description: Learn to add custom data to PDF annotations in Syncfusion ASP.NET Core PDF Viewer and access, store, and manage metadata efficiently. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md index 55aa4bc429..d8bded1db5 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-annotation.md @@ -85,7 +85,7 @@ function exportAsBase64() { - Archive or share annotations as portable JSON/XFDF files - Save annotations alongside a document in your storage layer -- Send annotations to a backend for collaboration or review workflows +- Send annotations to a back end for collaboration or review workflows - Export as object for custom serialization and re-import later [View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md index e642fbcef6..5e0257c183 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/export-import/export-import-events.md @@ -13,7 +13,7 @@ Import/export events let developers monitor and control annotation data as it fl Common use cases: - Progress UI and user feedback -- Validation and sanitization of imported annotation data +- Validation and sanitation of imported annotation data - Audit logging and telemetry - Blocking or altering operations based on business rules @@ -74,7 +74,7 @@ window.onload = function () { {% endhighlight %} {% endtabs %} -N> `importStart`, `importSuccess`, and `importFailed` cover the lifecycle of annotation imports; `exportStart`, `exportSuccess`, and `exportFailed` cover the lifecycle of annotation exports. +N> `importStart`, `importSuccess`, and `importFailed` cover the life cycle of annotation imports; `exportStart`, `exportSuccess`, and `exportFailed` cover the life cycle of annotation exports. ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md index 187f61d702..22185b8904 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/ink-eraser.md @@ -276,7 +276,7 @@ You can programmatically switch between Ink drawing mode and Eraser mode for a s - **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 adjustability**: The eraser size can be changed at any time without exiting eraser mode. +- **Size adjustable**: 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/asp-net-core/annotation/line-angle-constraints.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md index 4792ff2282..10f3720f09 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/annotation/line-angle-constraints.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -## Line angle constraints in ASP.NET Core PDF Viewer +# Line angle constraints in ASP.NET Core PDF Viewer The PDF Viewer provides line angle constraints functionality that allows drawing line-type annotations with controlled angle snapping. This improves precision for technical drawings and measurements in PDF documents. @@ -53,7 +53,7 @@ When modifying existing line annotations using selectors: - Constraint snapping during modification is supported for Line and Arrow. - Adjustments snap to the configured angle increment. -A complete working sample is available on GitHub: [aspnetcore-pdf-viewer-examples](https://github.com/SyncfusionExamples/aspnetcore-pdf-viewer-examples). +A complete working sample is available on GitHub: [asp net core-pdf-viewer-examples](https://github.com/SyncfusionExamples/aspnet-core-pdf-viewer-examples). ### Configuration properties @@ -88,7 +88,7 @@ Examples: - `restrictLineAngleTo: 45` → Snapped angles: 0°, 45°, 90°, 135°, 180°, 225°, 270°, 315° - `restrictLineAngleTo: 100` → Snapped angles: 0°, 100°, 200°, 300° (the cycle repeats after 360°) -> Refer to the ASP.NET Core PDF Viewer [feature tour](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/default) for feature highlights, and to the [ASP.NET Core PDF Viewer examples](https://github.com/SyncfusionExamples/asp-net-core-pdf-viewer-examples) for rendering and configuration examples. +> Refer to the ASP.NET Core PDF Viewer [feature tour] (https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/default) for feature highlights, and to the [ASP.NET Core PDF Viewer examples] (https://github.com/SyncfusionExamples/aspnet-core-pdf-viewer-examples) for rendering and configuration examples. ### See also diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-large-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-large-pdf.md index ee49309796..60fb0ecd52 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-large-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-large-pdf.md @@ -121,7 +121,7 @@ If thumbnails or page reordering are not essential: style="height:600px" documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf" resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib" - enableLocalStoarage="true"> + enableLocalStorage="true">
    • {% endhighlight %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-password-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-password-pdf.md index 14ad715961..75c26df161 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-password-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/load-password-pdf.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Load a Password-Protected PDF in ASP.NET CORE +# Load a Password-Protected PDF in ASP.NET Core This article explains how to open password-protected PDF files in the Syncfusion ASP.NET Core PDF Viewer. The viewer supports both user‑interactive loading (Open File dialog) and programmatic loading using APIs. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md index 4fa83078f9..119df1661e 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Pre-process PDF Document Before Displaying in ASP.NET Core PDF Viewer +# Preprocess PDF Document Before Displaying in ASP.NET Core PDF Viewer This section explains why preprocessing is useful, what operations you can perform using the Syncfusion PDF Library, and how to load the processed document in the ASP.NET Core PDF Viewer. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/retrieve-loadedDoc.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/retrieve-loadedDoc.md index 31dc1246f5..955c4afee2 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/retrieve-loadedDoc.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/retrieve-loadedDoc.md @@ -1,6 +1,6 @@ --- layout: post -title: Retrieve the Loaded Document in ASP.NET Core PDF Viewer | syncfusion +title: Retrieve the Loaded Document in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to access the loaded PDF document instance in the ASP.NET Core PDF Viewer using refs and the documentLoad event. platform: document-processing documentation: ug From 84b18a0afc49962e5eaf74eeed8b7a9e7034f685 Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 18:35:08 +0530 Subject: [PATCH 6/8] Corrected the spelling issues --- Document-Processing-toc.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 090fc82cbb..93e1093f14 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -335,7 +335,7 @@
  • Text Search
  • Annotation
      -
    • Overview
      • +
    • Overview
    • Annotation Types
      • Highlight
        • From d678cab3b2e75328722a36c7593824b753c6b1ab Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 20:40:19 +0530 Subject: [PATCH 7/8] added document handling in TOC --- Document-Processing-toc.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 93e1093f14..2e2dc063a9 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -385,6 +385,14 @@
      • APIs
      • +
    • Document Handling + +
    • Redaction
      • Overview
        • From 6771be2f10e6f85f3b467e06c7d90ddcbf3f488f Mon Sep 17 00:00:00 2001 From: Logeshwaran Saravanan Date: Mon, 27 Jul 2026 21:13:20 +0530 Subject: [PATCH 8/8] Resolve the CI failures --- .../PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md index 119df1661e..539be63bb4 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/document-handling/preprocess-pdf.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Preprocess PDF Document Before Displaying in ASP.NET Core PDF Viewer +# Preprocessed PDF Document Before Displaying in ASP.NET Core PDF Viewer This section explains why preprocessing is useful, what operations you can perform using the Syncfusion PDF Library, and how to load the processed document in the ASP.NET Core PDF Viewer.