diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/accessibility.md b/Document-Processing/PDF/PDF-Viewer/blazor/accessibility.md
index 8248475be..bcfab5c1a 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/accessibility.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/accessibility.md
@@ -8,7 +8,7 @@ documentation: ug
---
# Accessibility in Syncfusion® Blazor SfPdfViewer
-The Blazor SfPdfViewer component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
+The Blazor SfPdfViewer component follows established accessibility guidelines and standards, including the [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles), which are commonly used to evaluate accessibility.
The accessibility compliance for the Blazor SfPdfViewer component is outlined below.
@@ -37,7 +37,7 @@ The accessibility compliance for the Blazor SfPdfViewer component is outlined be
## WAI-ARIA attributes
-[WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) (Accessibility Initiative – Accessible Rich Internet Applications) defines a way to increase the accessibility of web pages, dynamic content, and user interface components developed with Ajax, HTML, JavaScript,and related technologies. ARIA provides additional semantics to describe the role, state, and functionality of web components. The following ARIA attributes are used in the Blazor SfPdfViewer component:
+[WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) (Accessibility Initiative – Accessible Rich Internet Applications) defines a way to enhance the accessibility of web pages, dynamic content, and user interface components developed with Ajax, HTML, JavaScript, and related technologies. ARIA provides additional semantics to describe the role, state, and functionality of web components. The following ARIA attributes are used in the Blazor SfPdfViewer component:
| Attributes | Purpose |
| --- | --- |
@@ -57,46 +57,46 @@ The accessibility compliance for the Blazor SfPdfViewer component is outlined be
## Keyboard interaction
-The Blazor SfPdfViewer component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Message component.
+The Blazor SfPdfViewer component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it accessible to users who rely on assistive technologies (AT) and keyboard navigation. The following keyboard shortcuts are supported by the SfPdfViewer component.
| Windows | Mac | Actions |
| --- | --- | --- |
|||**Shortcuts for page navigation**|
-| Ctrl + ← / Ctrl + ↑ | ⌘ + ← or ⌘ + ↑ |Navigate to the first page |
-| Ctrl + → / Ctrl + ↓ | ⌘ + → or ⌘ + ↓ |Navigate to the last page |
+| Ctrl + ← / Ctrl + ↑ | ⌘ + ← / ⌘ + ↑ |Navigate to the first page |
+| Ctrl + → / Ctrl + ↓ | ⌘ + → / ⌘ + ↓ |Navigate to the last page |
| ← | ← / ⇧ + Space |Navigate to the previous page |
| → | → / Space | Navigate to the next page |
| Ctrl + G | ⌘ + G | Go To The Page|
-|↑ |↑ |Scroll up|
+| ↑ |↑ |Scroll up|
| ↓ | ↓ | Scroll down|
|||**Shortcuts for Zooming**|
-|Ctrl + = |⌘ + = | Perform zoom-in operation |
+| Ctrl + = | ⌘ + = | Perform zoom-in operation |
| Ctrl + - | ⌘ + - | Perform zoom-out operation |
-|Ctrl + 0 | ⌘ + 0 | Retain the zoom level to 1 |
+|Ctrl + 0 | ⌘ + 0 | Reset zoom to 100% |
|||**Shortcut for Text Search**|
| Ctrl + F | ⌘ + F | Open the search toolbar|
|||**Shortcut for Text Selection**|
|Ctrl + C | ⌘ + C | Copy the selected text or annotation |
-| Ctrl + X | ⌘ + X |Cut the selected text or annotation |
-|Ctrl + V | ⌘ + V |Paste the selected text or annotation |
-|||**Shortcuts for the general operation**|
-| Ctrl + Z | ⌘ + Z |Undo the action|
-|Ctrl + Y | ⌘ + Y |Redo the action|
-| Ctrl + P | ⌘ + P |Print the document|
-| Delete | Delete |Delete the annotations|
-| Ctrl + Shift + A | ⌘ + ⇧ + A |Toggle Annotation Toolbar|
-| Ctrl + Alt + 0 | ⌘ + ⌥ + 0 |Show Command panel|
-| Ctrl + Alt + 2 | ⌘ + ⌥ + 2 |Show Bookmarks|
-|Ctrl + Alt + 1 | ⌘ + ⌥ + 1 |Show Thumbnails|
-| Ctrl + S | ⌘ + S |Download|
-| Shift + H | ⇧ + H |Enable pan mode |
-| Shift + V |⇧ + V |Enable text selection mode|
+| Ctrl + X | ⌘ + X | Cut the selected text or annotation |
+|Ctrl + V | ⌘ + V | Paste the selected text or annotation |
+|||**Shortcuts for general operation**|
+| Ctrl + Z | ⌘ + Z | Undo the action |
+|Ctrl + Y | ⌘ + Y | Redo the action |
+| Ctrl + P | ⌘ + P | Print the document |
+| Delete | Delete | Delete the annotations |
+| Ctrl + Shift + A | ⌘ + ⇧ + A | Toggle Annotation Toolbar|
+| Ctrl + Alt + 0 | ⌘ + ⌥ + 0 | Show Command panel |
+| Ctrl + Alt + 2 | ⌘ + ⌥ + 2 | Show Bookmarks |
+|Ctrl + Alt + 1 | ⌘ + ⌥ + 1 | Show Thumbnails |
+| Ctrl + S | ⌘ + S | Download |
+| Shift + H | ⇧ + H | Enable pan mode |
+| Shift + V | ⇧ + V | Enable text selection mode |
## Ensuring accessibility
The Blazor SfPdfViewer component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with playwright tests.
-The accessibility compliance of the Blazor SfPdfViewer component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/pdfviewer) in a new window to evaluate the accessibility of the Blazor SfPdfViewer component with accessibility tools.
+The accessibility compliance of the Blazor SfPdfViewer component is demonstrated in the following sample. Open the [SfPdfViewer accessibility sample](https://blazor.syncfusion.com/accessibility/sfpdfviewer) in a new window to evaluate the accessibility of the Blazor SfPdfViewer component with accessibility tools.
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
index f5227e061..722714e68 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
@@ -1,134 +1,142 @@
---
layout: post
title: Annotations in Mobile View using SfPdfViewer Component | Syncfusion
-description: Checkout and learn everything about annotations in the mobile view using the Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, and manage annotations in the mobile view of the Syncfusion Blazor SfPdfViewer component
platform: document-processing
control: SfPdfViewer
documentation: ug
---
-# To open the annotation toolbar
+# Annotations in mobile view
-To Open the annotation toolbar, click on the **Edit Annotation** option in the mobile primary toolbar. The mobile annotation toolbar will open at bottom of the viewer.
+This article explains how to work with annotations in the mobile view of the Blazor SfPdfViewer. It covers opening the annotation toolbar, adding each annotation type, adjusting properties, deleting annotations, and using the comments panel.
+
+## To open the annotation toolbar
+
+To open the annotation toolbar, tap the **Edit Annotation** option in the mobile primary toolbar. The annotation toolbar appears at the bottom of the viewer.
## To add sticky notes annotation
-Click the **Sticky Note Annotation** icon and then click anywhere in the viewer to add the sticky notes.
+Tap the **Sticky Note Annotation** icon, then tap anywhere in the viewer to place the note.
-
+
-This action will open the comment panel, allowing you to add the required comment for the added sticky notes.
+The comments panel opens so the comment for the sticky note can be entered.
-
+
## To add text markup annotation
-Long-press to select any text in the PDF, then click on any **Text Markup Annotation** in the annotation toolbar.
+Long-press to select text in the PDF, then tap a **Text Markup Annotation** in the toolbar (for example, highlight, underline, strikethrough, or squiggly).
-
+
-This action will display the required properties for this annotation in the toolbar.
+The toolbar then shows the available properties for the chosen annotation (such as color and opacity).
-
+
## To add shape annotation
-Click the **Shape Annotation** icon in the toolbar. It will display the supported shape annotations.
+Tap the **Shape Annotation** icon in the toolbar to view the available shapes.
-
+
-Choose any annotation type from the list, then click and drag anywhere in the viewer to add the annotation.
+Choose a shape, then tap and drag in the viewer to draw it.
-
+
-The toolbar will also switch to display the properties that is required for the added annotation.
+After placement, the toolbar switches to the properties toolbar for the added annotation, where options such as fill color, stroke color, thickness, and opacity can be adjusted.
-
+
## To add measure annotation
-Click the **Measure Annotation** icon in the toolbar. It will display the supported measure annotations.
+Tap the **Measure Annotation** icon in the toolbar to view supported measurement types.
-
+
-Choose any annotation type from the list, then click and drag anywhere in the viewer to add the annotation.
+Select a measurement type, then tap and drag in the viewer to add it.
-
+
-The toolbar will also switch to display the properties that is required for the added annotation.
+After placement, the properties toolbar appears with options relevant to the measurement annotation (for example, stroke color, thickness, and opacity).
-
+
## To add free text annotation
-Click the **Free Text Annotation** icon in the toolbar. Which will display the properties that is required for free text.
+Tap the **Free Text Annotation** icon in the toolbar. The properties toolbar appears with options for text formatting (such as font size, color, and opacity).
-
+
-Click anyWhere in the viewer to add the free text annotation.
+Tap anywhere in the viewer to insert the free text annotation.
-
+
## To add stamp annotation
-Click on the **Stamp Annotation** icon and choose the desired stamp from the various types listed in the menu.
+Tap the **Stamp Annotation** icon, then choose a stamp from the available list.
-
+
-Afterward, click anywhere in the viewer to add the stamp. The toolbar will then switch to display the properties required for the stamp annotation.
+Tap anywhere in the viewer to place the stamp. The properties toolbar then appears for additional adjustments where applicable.
-
+
## To add signature
-Click the **Handwritten Signature** icon to open the signature dialog box.
+Tap the **Handwritten Signature** icon to open the signature dialog.
-
+
-Draw your signature in the signature dialog canvas, then click the ‘Create’ button to add the signature into the viewer.
+Draw the signature in the dialog’s canvas, then tap Create to add it to the viewer.
-
+
-Click anywhere in the viewer to place the signature. The toolbar will then switch to display the properties required for the signature.
+Tap anywhere in the viewer to place the signature. The properties toolbar then appears for further adjustments.
-
+
## To add ink annotation
-Click the **Ink Annotation** icon and draw anywhere in the viewer.
+Tap the **Ink Annotation** icon, then draw directly in the viewer.
-
+
-Once you’ve finished drawing, click the ink annotation displayed in the toolbar to stop the ink annotation drawing. The toolbar will then switch to display the properties required for the ink annotation.
+When finished, tap the Ink Annotation icon again to exit drawing mode. The properties toolbar then appears with options for ink color, thickness, and opacity.
-
+
-## Change annotation properties (Before adding)
+## Change annotation properties before adding
-You can modify annotations properties before adding them. Click the rectangle shape annotation, which will display the toolbar with corresponding properties. You can be able to adjust these properties and then add the annotation by clicking and dragging it. The annotation will be added with the modified property.
+Annotation properties can be configured before placement. For example, tap the rectangle shape to show its properties toolbar, adjust the settings, and then tap and drag to place the annotation. The annotation is added using the modified properties.
-
+
-## Change annotation properties (After adding)
+## Change annotation properties after adding
-After adding the annotation, you can modify its properties. Select the added annotation, and it will display the corresponding properties. Change the necessary property, and it will reflect in the added annotation.
+After placement, select the annotation to display its properties toolbar. Adjust the required properties; the changes are applied immediately to the selected annotation.
-
+
## Delete Annotation
-To delete an annotation, first, select the annotation you want to remove. The delete icon will appear in the property toolbar. Clicking on the delete icon will remove the annotation from the PDF along with its associated comment.
+Select the annotation to delete. In the properties toolbar, tap the Delete icon. The annotation is removed from the PDF, and any associated comment is also deleted.
-
+
## Open and Close Comment Panel
-You can open the comments through the **more option** located at the right end of the mobile primary toolbar.
+Open the comments panel from the **more option** menu at the right end of the mobile primary toolbar.
+
+
+
+To close the comments panel, tap the Close icon within the panel.
-
+
-To close the comment panel, click the close icon located within the comment panel.
+## See Also
-
+* [Annotation Toolbar in Mobile mode](../toolbar-customization/mobile-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
index 8d5e7e00e..fdae5ca89 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
@@ -1,7 +1,7 @@
---
layout: post
title: Comments in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about comments in Syncfusion Blazor SfPdfViewer component and much more details.
+description: Learn how to add, edit, and manage comments and replies in the Syncfusion Blazor SfPdfViewer component.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Comments in Blazor SfPdfViewer Component
-The SfPdfViewer control provides options to add, edit, and delete the comments to the following annotation in the PDF documents:
+The SfPdfViewer component provides options to add, edit, and delete comments for the following annotation types in PDF documents:
* Shape annotation
* Stamp annotation
@@ -22,96 +22,96 @@ The SfPdfViewer control provides options to add, edit, and delete the comments t
## Adding a comment to the annotation
-Annotation comment, comment replies, and status can be added to the PDF document using the comment panel.
+Comments, replies, and status can be added to a PDF document using the comment panel.
### Comment panel
-Annotation comments can be added to the PDF using the comment panel. Comment panel can be opened by the following ways:
+Annotation comments can be added using the comment panel. Open the comment panel in any of the following ways:
1. Using the annotation menu.
* Click the Edit Annotation button in the SfPdfViewer toolbar. A toolbar appears below it.
- * Click the Comment Panel button. A comment panel will appear.
+ * Click the Comment panel button. The comment panel opens.
-2. Using Context menu.
+2. Using the context menu.
- * Select annotation in the PDF document and right-click it.
- * Select comment option in the context menu that appears.
+ * Select an annotation in the PDF document and right-click it.
+ * Select the Comment option in the context menu.
-3. Using Mouse click.
+3. Using mouse click.
- * Select annotation in the PDF document and double click it, a comment panel will appear.
+ * Select an annotation in the PDF document and double-click it to open the comment panel.
-If the comment panel is already in open state, you can select the annotations and add annotation comment using comment panel.
+If the comment panel is already open, select an annotation and add a comment using the panel.
### Adding comments
-* Select annotation in the PDF document and click it.
-* Selected annotation comment container is highlighted in the comment panel.
-* Now, you can add comment and comment replies using comment panel.
+* Select an annotation in the PDF document and click it.
+* The selected annotation’s comment container is highlighted in the comment panel.
+* Add a comment and any required replies using the comment panel.
### Adding Comment Replies
-* SfPdfViewer control provides an option to add multiple replies to the comment.
-* After adding the annotation comment, you can add reply to the comment.
+* The SfPdfViewer supports adding multiple replies to a comment.
+* After adding an annotation comment, add one or more replies as needed.
### Adding Comment or Reply Status
-* Select the Annotation Comments in the comment panel.
-* Click the more options button showing in Comments or reply container.
-* Select Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
+* Select the annotation comment in the comment panel.
+* Click the More options button in the comment or reply container.
+* Select Set status in the context menu.
+* Choose the required status for the annotation comment.
### Editing the comments and comments replies of the annotations
-The comment, comment replies, and status of the annotation can be edited using the comment panel.
+Edit the comment, its replies, and the status of an annotation using the comment panel.
### Editing Comment or Comment Replies
-The annotation comment and comment replies can be edited by the following ways:
+Edit comments and replies in the following ways:
-1. Using Context menu.
+1. Using the context menu.
- * Select the Annotation Comments in comment panel.
- * Click the More option button showing in Comments or reply container.
- * Select Edit option in the context menu that appears.
- * Now, editable text box appears. You can change the content of the annotation comment or comment reply.
+ * Select the annotation comment in the comment panel.
+ * Click the More options button in the comment or reply container.
+ * Select Edit in the context menu.
+ * An editable text box appears to change the content of the comment or reply.
-2. Using Mouse Click.
+2. Using mouse click.
- * Select the annotation comments in comment panel.
- * Double click the comment or comment reply content.
- * Now, editable text box appears. You can change the content of the annotation comment or comment reply.
+ * Select the annotation comment in the comment panel.
+ * Double-click the comment or reply content.
+ * An editable text box appears to change the content of the comment or reply.
### Editing Comment or Reply Status
-* Select the Annotation Comments in comment panel.
-* Click the more options button showing in Comments or reply container.
-* Select Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
-* Status ‘None’ is the default state. If status set to ‘None’, the comments or reply does not appear.
+* Select the annotation comment in the comment panel.
+* Click the More options button in the comment or reply container.
+* Select Set status in the context menu.
+* Choose the required status for the annotation comment.
+* Status 'None' is the default. Choosing 'None' removes the status indicator from the comment or reply.
### Delete Comment or Comment Replies
-* Select the Annotation Comments in comment panel.
-* Click the more options button shown in Comments or reply container.
-* Select Delete option in the context menu that appears.
+* Select the annotation comment in the comment panel.
+* Click the More options button in the comment or reply container.
+* Select Delete in the context menu.
-N> The annotation will be deleted on deleting the comment using comment panel.
+N> Deleting the root comment from the comment panel also deletes the associated annotation.
### Show or hide the Comment panel
-The SfPdfViewer control provides an option to show or hide the Comment panel by using the `CommentPanelVisible` property of the SfPdfViewerServer class.
+The SfPdfViewer component provides an option to show or hide the comment panel by using the [CommentPanelVisible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CommentPanelVisible) property.
-The following code snippet explains how to show the Comment panel.
+The following code snippet explains how to show the comment panel.
```cshtml
@@ -152,9 +152,9 @@ The following code snippet explains how to show the Comment panel.
## Add Comments and Reply Comments Programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the line annotation with Comment and Reply Comment to the annotation within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically adding a line annotation with a comment and reply comments using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can use this method to add Line annotation with Comment and Reply Comment to a PDF document:
+The following example demonstrates how to add a line annotation with a comment and reply comments to a PDF document:
```cshtml
@@ -242,7 +242,7 @@ Below is an example demonstrating how you can use this method to add Line annota
```
-This code will add a line annotation with comment and reply comment to the first page of the PDF document.
+This code adds a line annotation with a comment and reply comments to the first page of the PDF document.
@@ -250,9 +250,9 @@ This code will add a line annotation with comment and reply comment to the first
## Edit Comments and Reply Comments Programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the Comment and Reply Comment of the annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically editing the comment and reply comments of an annotation using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the Comment and Reply Comment of the annotation programmatically:
+The following example demonstrates how to edit the comment and reply comments programmatically:
```cshtml
@@ -296,7 +296,7 @@ Below is an example demonstrating how you can utilize this method to edit the Co
}
```
-This code snippet will edit the comment and reply comment programmatically within the SfPdfViewer control.
+This code edits the comment and reply comments programmatically within the SfPdfViewer control.
@@ -304,11 +304,11 @@ This code snippet will edit the comment and reply comment programmatically withi
## Customizing DateTime Format
-The PDF Viewer provides the support to customize the date and time format displayed in the comment panel using the [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html). This feature allows you to tailor the appearance of date and time according to your preferences or regional standards.
+The PDF Viewer supports customizing the date and time format displayed in the comment panel using the [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html). This feature tailors the appearance of date and time according to preferences or regional standards.
-The [DateTimeFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCommentPanelSettings_DateTimeFormat) API in [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html) enables you to change the format of date and time displayed in the comment panel.
+The [DateTimeFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCommentPanelSettings_DateTimeFormat) API in [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html) changes the format of the date and time displayed in the comment panel.
-The following table describes various supported patterns
+The following table describes various supported patterns.
| Format | Result |
|---|---|
@@ -325,9 +325,9 @@ The following table describes various supported patterns
| DateTime.Now.ToString("MM/dd/yyyy h:mm tt") | 05/29/2015 5:50 AM |
| DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss") | 05/29/2015 05:50:06 |
| DateTime.Now.ToString("MMMM dd") | May 29 |
-| DateTime.Now.ToString("yyyy’-‘MM’-‘dd’T’HH’:’mm’:’ss.fffffffK") | 2015-05-16T05:50:06.7199222-04:00 |
-| DateTime.Now.ToString("ddd, dd MMM yyy HH’:’mm’:’ss ‘GMT’") | Fri, 16 May 2015 05:50:06 GMT |
-| DateTime.Now.ToString("yyyy’-‘MM’-‘dd’T’HH’:’mm’:’ss") | 2015-05-16T05:50:06 |
+| DateTime.Now.ToString("yyyy'-'MM'-'dd'T'HH':'mm':'ss.fffffffK") | 2015-05-16T05:50:06.7199222-04:00 |
+| DateTime.Now.ToString("ddd, dd MMM yyyy HH':'mm':'ss 'GMT'") | Fri, 16 May 2015 05:50:06 GMT |
+| DateTime.Now.ToString("yyyy'-'MM'-'dd'T'HH':'mm':'ss") | 2015-05-16T05:50:06 |
| DateTime.Now.ToString("HH:mm") | 05:50 |
| DateTime.Now.ToString("hh:mm tt") | 05:50 AM |
| DateTime.Now.ToString("H:mm") | 5:50 |
@@ -335,7 +335,7 @@ The following table describes various supported patterns
| DateTime.Now.ToString("HH:mm:ss") | 05:50:06 |
| DateTime.Now.ToString("yyyy MMMM") | 2015 May |
-Here is a sample code snippet demonstrating how to apply this setting
+Here is a sample code snippet demonstrating how to apply this setting.
```cshtml
@@ -352,7 +352,7 @@ Here is a sample code snippet demonstrating how to apply this setting
}
```
-This code implements date and time formatting for the comment panel of the PDF viewer
+This code implements date and time formatting for the comment panel of the PDF Viewer.
@@ -360,11 +360,11 @@ This code implements date and time formatting for the comment panel of the PDF v
## Enabling Multiline Support
-The multiline support feature in the comment panel enhances the functionality of the PDF Viewer by allowing users to input and display comments that span multiple lines. The PDF Viewer provides the support to enable multiline support in the comment panel using the [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html).
+Multiline support in the comment panel allows users to input and display comments that span multiple lines. Enable multiline support using the [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html).
-The [Multiline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCommentPanelSettings_Multiline) API in [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html) is used to enable or disable multiline support in the comment panel.
+The [Multiline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCommentPanelSettings_Multiline) API in [PdfViewerCommentPanelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommentPanelSettings.html) enables or disables multiline support in the comment panel.
-Here is a sample code snippet demonstrating how to apply this setting
+Here is a sample code snippet demonstrating how to apply this setting.
```cshtml
@@ -382,7 +382,7 @@ Here is a sample code snippet demonstrating how to apply this setting
```
-This code will enable multiline support in the Comment panel of the PDF Viewer
+This code enables multiline support in the comment panel of the PDF Viewer.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/events.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/events.md
new file mode 100644
index 000000000..9347d4535
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/events.md
@@ -0,0 +1,659 @@
+---
+layout: post
+title: Annotation Events in Blazor SfPdfViewer Component | Syncfusion
+description: Learn how to subscribe to and handle annotations and signature annotation events in the Syncfusion Blazor SfPdfViewer.
+platform: document-processing
+control: SfPdfViewer
+documentation: ug
+---
+
+# Annotation Events in Blazor SfPdfViewer Component
+
+Annotation events notify the application when annotations are added, selected, moved, resized, modified, or removed. Subscribe to these events by using the PdfViewerEvents tag inside the SfPdfViewer component.
+
+|Name|Description|
+|---|---|
+|AddSignature|Triggers when a signature is added to a page in the PDF document.|
+|AnnotationAdded|Triggers when an annotation is added to a page in the PDF document.|
+|AnnotationMouseover|Triggers when the mouse pointer moves over an annotation object.|
+|AnnotationMoved|Triggers when an annotation is moved on a page in the PDF document.|
+|AnnotationPropertiesChanged|Triggers when annotation properties are modified on a PDF page.|
+|AnnotationRemoved|Triggers when an annotation is removed from a page in the PDF document.|
+|AnnotationResized|Triggers when an annotation is resized on a page in the PDF document.|
+|AnnotationSelected|Triggers when an annotation is selected on a page in the PDF document.|
+|AnnotationUnselected|Triggers when an annotation is unselected on a page in the PDF document.|
+|ExportFailed|Triggers when exporting annotations fails in the SfPdfViewer.|
+|ExportStarted|Triggers when exporting annotations starts in the SfPdfViewer.|
+|ExportSucceed|Triggers when exporting annotations succeeds in the SfPdfViewer.|
+|ImportFailed|Triggers when importing annotations fails in the PDF document.|
+|ImportStarted|Triggers when importing annotations starts in the PDF document.|
+|ImportSucceed|Triggers when importing annotations succeeds in the PDF document.|
+|MoveSignature|Triggers when a signature is moved on a page in the PDF document.|
+|OnAnnotationDoubleClick|Triggers when an annotation is double-clicked.|
+|RemoveSignature|Triggers when a signature is removed from a page in the PDF document.|
+|ResizeSignature|Triggers when a signature is resized on a page in the PDF document.|
+|SignaturePropertiesChange|Triggers when the properties of a signature are changed on a page in the PDF document.|
+|SignatureSelected|Triggers when a signature is selected on a page in the PDF document.|
+|SignatureUnselected|Triggers when a signature is unselected on a page in the PDF document.|
+
+## AddSignature Event
+
+The [AddSignature](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AddSignature) event triggers when a signature is added to a page in the PDF document.
+
+#### Event Arguments
+
+For event data, see [AddSignatureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AddSignatureEventArgs.html) for properties such as Id, PageNumber, and Bounds.
+
+The following example illustrates how to handle the AddSignature event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AddSignature(AddSignatureEventArgs args)
+ {
+ Console.WriteLine($"Added Signature ID: {args.Id}");
+ }
+}
+
+```
+
+## AnnotationAdded Event
+
+The [AnnotationAdded](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationAdded) event triggers when an annotation is added to a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationAddedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationAddedEventArgs.html) for details such as AnnotationId, AnnotationType, PageNumber, and Bounds.
+
+The following example illustrates how to handle the AnnotationAdded event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationAdded(AnnotationAddEventArgs args)
+ {
+ Console.WriteLine($"Added Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## AnnotationMouseover Event
+
+The [AnnotationMouseover](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationMouseover) event triggers when the mouse pointer moves over an annotation object.
+
+#### Event Arguments
+
+See [AnnotationMouseoverEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationMouseoverEventArgs.html) for details such as AnnotationId, AnnotationType, PageNumber, and cursor position.
+
+The following example illustrates how to handle the AnnotationMouseover event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationMouseover(AnnotationMouseoverEventArgs args)
+ {
+ Console.WriteLine($"Annotation Mouseover X: {args.X} and y: {args.X}");
+ }
+}
+
+```
+
+## AnnotationMoved Event
+
+The [AnnotationMoved](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationMoved) event triggers when an annotation is moved on a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationMovedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationMovedEventArgs.html) for details such as AnnotationId, PageNumber, PreviousBounds, and Bounds.
+
+The following example illustrates how to handle the AnnotationMoved event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationMoved(AnnotationMoveEventArgs args)
+ {
+ Console.WriteLine($"Annotation Current Position: {args.CurrentPosition}");
+ }
+}
+
+```
+
+## AnnotationPropertiesChanged Event
+
+The [AnnotationPropertiesChanged](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationPropertiesChanged) event triggers when annotation properties are modified on a PDF page.
+
+#### Event Arguments
+
+See [AnnotationPropertiesChangedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationPropertiesChangedEventArgs.html) for details such as AnnotationId, PageNumber, changed property names, and old/new values.
+
+The following example illustrates how to handle the AnnotationPropertiesChanged event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationPropertiesChanged(AnnotationPropertiesChangeEventArgs args)
+ {
+ Console.WriteLine($"Is Annotation Color Changed: {args.IsColorChanged}");
+ }
+}
+
+```
+
+## AnnotationRemoved Event
+
+The [AnnotationRemoved](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationRemoved) event triggers when an annotation is removed from a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationRemovedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationRemovedEventArgs.html) for details such as AnnotationId, AnnotationType, and PageNumber.
+
+The following example illustrates how to handle the AnnotationRemoved event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationRemoved(AnnotationRemoveEventArgs args)
+ {
+ Console.WriteLine($"Removed Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## AnnotationResized Event
+
+The [AnnotationResized](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationResized) event triggers when an annotation is resized on a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationResizedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationResizedEventArgs.html) for details such as AnnotationId, PageNumber, PreviousBounds, and Bounds.
+
+The following example illustrates how to handle the AnnotationResized event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationResized(AnnotationResizeEventArgs args)
+ {
+ Console.WriteLine($"Resized Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## AnnotationSelected Event
+
+The [AnnotationSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationSelected) event triggers when an annotation is selected on a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationSelectedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationSelectedEventArgs.html) for details such as AnnotationId, AnnotationType, and PageNumber.
+
+The following example illustrates how to handle the AnnotationSelected event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationSelected(AnnotationSelectEventArgs args)
+ {
+ Console.WriteLine($"Selected Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## AnnotationUnselected Event
+
+The [AnnotationUnselected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_AnnotationUnselected) event triggers when an annotation is unselected on a page in the PDF document.
+
+#### Event Arguments
+
+See [AnnotationUnselectedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationUnselectedEventArgs.html) for details such as AnnotationId, AnnotationType, and PageNumber.
+
+The following example illustrates how to handle the AnnotationUnselected event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task AnnotationUnselected(AnnotationUnselectEventArgs args)
+ {
+ Console.WriteLine($"UnSelected Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## ExportFailed Event
+
+The [ExportFailed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ExportFailed) event triggers when an export annotations failed in the PDF Viewer.
+
+#### Event Arguments
+
+See [ExportFailureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ExportFailureEventArgs.html) for details such as ErrorDetails.
+
+The following example illustrates how to handle the ExportFailed event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ExportFailed(ExportFailureEventArgs args)
+ {
+ Console.WriteLine($"Error details: {args.ErrorDetails}");
+ }
+}
+
+```
+
+## ExportStarted Event
+
+The [ExportStarted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ExportStarted) event triggers when an exported annotations started in the PDF Viewer.
+
+#### Event Arguments
+
+See [ExportStartEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ExportStartEventArgs.html) triggers when an exported annotations started in the PDF Viewer.
+
+The following example illustrates how to handle the ExportStarted event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ExportStarted(ExportStartEventArgs args)
+ {
+ Console.WriteLine("Export Action Started");
+ }
+}
+
+```
+
+## ExportSucceed Event
+
+The [ExportSucceed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ExportSucceed) event triggers when an export annotations succeed in the PDF Viewer.
+
+#### Event Arguments
+
+See [ExportSuccessEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ExportSuccessEventArgs.html) for details such as FileName.
+
+The following example illustrates how to handle the ExportSucceed event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ExportSucceed(ExportSuccessEventArgs args)
+ {
+ Console.WriteLine($"Exported File name : {args.FileName }");
+ }
+}
+
+```
+
+## ImportFailed Event
+
+The [ImportFailed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ImportFailed) event triggers when an imports annotations failed in the PDF document.
+
+#### Event Arguments
+
+See [ImportFailureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ImportFailureEventArgs.html) for details such as ErrorDetails.
+
+The following example illustrates how to handle the ImportFailed event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ImportFailed(ImportFailureEventArgs args)
+ {
+ Console.WriteLine($"Error details: {args.ErrorDetails}");
+ }
+}
+
+```
+
+## ImportStarted Event
+
+The [ImportStarted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ImportStarted) event triggers when an imported annotations started in the PDF document.
+
+#### Event Arguments
+
+See [ImportStartEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ImportStartEventArgs.html) triggers when an imported annotations started in the PDF document.
+
+The following example illustrates how to handle the ImportStarted event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ImportStarted(ImportStartEventArgs args)
+ {
+ Console.WriteLine("Import Annotation Started");
+ }
+}
+
+```
+
+## ImportSucceed Event
+
+The [ImportSucceed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ImportSucceed) event triggers when an imports annotations succeed in the PDF document.
+
+#### Event Arguments
+
+See [ImportSuccessEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ImportSuccessEventArgs.html) triggers when an imports annotations succeed in the PDF document.
+
+The following example illustrates how to handle the ImportSucceed event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ImportSucceed(ImportSuccessEventArgs args)
+ {
+ Console.WriteLine("Annotation Imported Successfully");
+ }
+}
+
+```
+
+## MoveSignature Event
+
+The [MoveSignature](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_MoveSignature) event triggers when a signature is moved on a page in the PDF document.
+
+#### Event Arguments
+
+See [MoveSignatureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.MoveSignatureEventArgs.html) for details such as Id, PageNumber, PreviousBounds, and Bounds.
+
+The following example illustrates how to handle the MoveSignature event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task MoveSignature(MoveSignatureEventArgs args)
+ {
+ Console.WriteLine($"Moved Signture ID: {args.Id}");
+ }
+}
+
+```
+
+## OnAnnotationDoubleClick Event
+
+The [OnAnnotationDoubleClick](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_OnAnnotationDoubleClick) event triggers when an annotation is double-clicked.
+
+#### Event Arguments
+
+See [AnnotationDoubleClickEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDoubleClickEventArgs.html) for details such as AnnotationId, AnnotationType, PageNumber, and mouse position.
+
+The following example illustrates how to handle the OnAnnotationDoubleClick event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task OnAnnotationDoubleClick(AnnotationDoubleClickEventArgs args)
+ {
+ Console.WriteLine($"Double Clicked Annotation ID: {args.AnnotationId}");
+ }
+}
+
+```
+
+## RemoveSignature Event
+
+The [RemoveSignature](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_RemoveSignature) event triggers when a signature is removed from a page in the PDF document.
+
+#### Event Arguments
+
+See [RemoveSignatureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.RemoveSignatureEventArgs.html) for details such as Id and PageNumber.
+
+The following example illustrates how to handle the RemoveSignature event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task RemoveSignature(RemoveSignatureEventArgs args)
+ {
+ Console.WriteLine($"Removed Signature ID: {args.Id}");
+ }
+}
+
+```
+
+## ResizeSignature Event
+
+The [ResizeSignature](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_ResizeSignature) event triggers when a signature is resized on a page in the PDF document.
+
+#### Event Arguments
+
+See [ResizeSignatureEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ResizeSignatureEventArgs.html) for details such as Id, PageNumber, PreviousBounds, and Bounds.
+
+The following example illustrates how to handle the ResizeSignature event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task ResizeSignature(ResizeSignatureEventArgs args)
+ {
+ Console.WriteLine($"Resized Signature ID: {args.Id}");
+ }
+}
+
+```
+
+## SignaturePropertiesChange Event
+
+The [SignaturePropertiesChange](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_SignaturePropertiesChange) event triggers when the properties of a signature are changed on a page in the PDF document.
+
+#### Event Arguments
+
+See [SignaturePropertiesChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignaturePropertiesChangeEventArgs.html) for details such as Id, PageNumber, and changed property values.
+
+The following example illustrates how to handle the SignaturePropertiesChange event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task SignaturePropertiesChange(SignaturePropertiesChangeEventArgs args)
+ {
+ Console.WriteLine($"Is Stroke Color Changed: {args.IsStrokeColorChanged}");
+ }
+}
+
+```
+
+## SignatureSelected Event
+
+The [SignatureSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_SignatureSelected) event triggers when a signature is selected on a page in the PDF document.
+
+#### Event Arguments
+
+See [SignatureSelectedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignatureSelectedEventArgs.html) for details such as Id and PageNumber.
+
+The following example illustrates how to handle the SignatureSelected event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task SignatureSelected(SignatureSelectEventArgs args)
+ {
+ Console.WriteLine($"Selected Signture ID: {args.Id}");
+ }
+}
+
+```
+
+## SignatureUnselected Event
+
+The [SignatureUnselected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_SignatureUnselected) event triggers when a signature is unselected on a page in the PDF document.
+
+#### Event Arguments
+
+See [SignatureUnselectedEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignatureUnselectedEventArgs.html) for details such as Id and PageNumber.
+
+The following example illustrates how to handle the SignatureUnselected event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task SignatureUnselected(SignatureSelectEventArgs args)
+ {
+ Console.WriteLine($"UnSelected Signature ID: {args.Id}");
+ }
+}
+
+```
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Annotation%20Events).
+
+## See also
+
+* [Events in Blazor SfPdfViewer Component](../events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
index 5f024aff2..f8b9fbd2c 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Free text annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about free text annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, and delete free text annotations in the Syncfusion Blazor SfPdfViewer component, including default settings, APIs, and custom font.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,17 +9,17 @@ documentation: ug
# Free text annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides the options to add, edit and delete the free text annotations.
+The SfPdfViewer component provides options to add, edit, and delete free text annotations.
## Adding a free text annotation to the PDF document
-The free text annotations can be added to the PDF document using the annotation toolbar.
+Free text annotations can be added using the annotation toolbar.
-* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Free Text Annotation** button in the annotation toolbar. It enables the Free Text Annotation mode.
-* You can add the text over the pages of the PDF document.
+* Click the **Edit Annotation** button in the SfPdfViewer toolbar. The annotation toolbar appears.
+* Select the **Free Text Annotation** button to enable Free Text Annotation mode.
+* Click anywhere on the page to add text to the PDF document.
-In the pan mode, if the free text annotation mode is entered, the SfPdfViewer control will switch to text select mode.
+When Free Text Annotation mode is enabled from Pan, the viewer automatically switches to Text Select mode.
@@ -45,67 +45,65 @@ In the pan mode, if the free text annotation mode is entered, the SfPdfViewer co
## Editing the properties of free text annotation
-The font family, font size, font styles, font color, text alignment, fill color, the border stroke color, border thickness, and opacity of the free text annotation can be edited using the Font Family tool, Font Size tool, Font Color tool, Text Align tool, Font Style tool Edit Color tool, Edit Stroke Color tool, Edit Thickness tool, and Edit Opacity tool in the annotation toolbar.
+The following properties of a free text annotation can be modified from the annotation toolbar: font family, font size, font style, font color, text alignment, fill color, border (stroke) color, border thickness, and opacity. Use the Font Family, Font Size, Font Color, Text Align, Font Style, Edit Color, Edit Stroke Color, Edit Thickness, and Edit Opacity tools to change these settings.
### Editing font family
-The font family of the annotation can be edited by selecting the desired font in the Font Family tool.
+Change the font family by selecting a font from the Font Family tool.
### Editing font size
-The font size of the annotation can be edited by selecting the desired size in the Font Size tool.
+Change the font size by selecting a value from the Font Size tool.
### Editing font color
-The font color of the annotation can be edited using the color palette provided in the Font Color tool.
+Change the font color using the color palette in the Font Color tool.
### Editing the text alignment
-The text in the annotation can be aligned by selecting the desired styles in the dropdown pop-up in the Text Align tool.
+Align the text by choosing an option from the Text Align tool dropdown.
### Editing text styles
-The style of the text in the annotation can be edited by selecting the desired styles in the dropdown pop-up in the Font Style tool.
+Apply bold, italic, underline, or strikethrough from the Font Style tool dropdown.
### Editing fill color
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
+Change the fill color using the color palette in the Edit Color tool.
### Editing stroke color
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
+Change the border (stroke) color using the color palette in the Edit Stroke Color tool.
### Editing thickness
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
+Adjust the border thickness using the range slider in the Edit Thickness tool.
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Adjust the annotation opacity using the range slider in the Edit Opacity tool.
## Setting default properties during control initialization
-The properties of the free text annotation can be set before creating the control using FreeTextSettings.
-
-After editing the default values, they will be changed to the selected values.
+Default properties for free text annotations can be set during component initialization using [FreeTextSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FreeTextSettings). These values apply to newly created annotations. Any subsequent changes made from the annotation toolbar affect only annotations created afterward.
```cshtml
@@ -128,7 +126,7 @@ FreeTextSettings=@FreeTextSettings>
```
-You can also enable the autofit support for free text annotation by using the [AutoFit](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerFreeTextSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerFreeTextSettings_AutoFit) boolean property in PdfViewerFreeTextSettings as below. The width of the free text rectangle box will be increased based on the text added to it.
+Autofit support for free text annotations can be enabled using the [AutoFit](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerFreeTextSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerFreeTextSettings_AutoFit) property in PdfViewerFreeTextSettings. When enabled, the width of the free text rectangle expands based on the entered text.
```cshtml
@@ -149,9 +147,9 @@ You can also enable the autofit support for free text annotation by using the [A
## Add free text annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the free text annotation within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+Blazor SfPdfViewer supports programmatically adding free text annotations using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can use this method to add free text annotation to a PDF document:
+The following example demonstrates adding a free text annotation to a PDF document:
```cshtml
@@ -186,7 +184,7 @@ Below is an example demonstrating how you can use this method to add free text a
```
-This code will add a free text annotation to the first page of the PDF document.
+This example adds a free text annotation to the first page of the document.
@@ -194,9 +192,9 @@ This code will add a free text annotation to the first page of the PDF document.
## Edit free text annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the free text annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+Blazor SfPdfViewer supports programmatically editing free text annotations using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the free text annotation programmatically:
+The following example demonstrates editing a free text annotation programmatically:
```cshtml
@@ -249,7 +247,7 @@ Below is an example demonstrating how you can utilize this method to edit the fr
```
-This code snippet will edit the free text annotation programmatically within the SfPdfViewer control.
+This example updates the position, size, appearance, and content of a free text annotation.
@@ -257,12 +255,10 @@ This code snippet will edit the free text annotation programmatically within the
## Custom Font Support for FreeText Annotation
-The Blazor SfPdfViewer allows you to load, edit, and save custom fonts in FreeText annotations using the [FallbackFontCollection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FallbackFontCollection) and [FontFamilies](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FontFamilies) properties
+The Blazor SfPdfViewer supports loading, editing, and saving custom fonts in FreeText annotations using the [FallbackFontCollection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FallbackFontCollection) and [FontFamilies](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FontFamilies) properties.
### Loading Custom Font Collection in SfPdfViewer
-If the custom font is not installed on the system, the FallbackFontCollection property is required to save the FreeText annotation with the custom font.
-
-The following example demonstrates how to load custom font collections, such as Arial Black and Courier New, as TTF files in SfPdfViewer.
+If a custom font is not installed on the system, use FallbackFontCollection to ensure FreeText annotations are saved with the desired font. The following example loads Arial Black and Courier New as TTF files.
```cshtml
@using Syncfusion.Blazor;
@@ -285,11 +281,11 @@ The following example demonstrates how to load custom font collections, such as
pdfViewer.FallbackFontCollection.Add("Courier New", new MemoryStream(System.IO.File.ReadAllBytes("wwwroot/Fonts/COUR.ttf")));
}
}
+
```
### Adding Custom Font Families to the Annotation Toolbar Dropdown
-The FontFamilies property is used to add custom font families to the Font Family dropdown in the annotation toolbar.
-The following example demonstrates how to add custom font families as a string array to the Font Family dropdown in the annotation toolbar:
+Use the FontFamilies property to add custom font families to the Font Family dropdown in the annotation toolbar.
```cshtml
@using Syncfusion.Blazor;
@@ -310,7 +306,7 @@ The following example demonstrates how to add custom font families as a string a
-The following example demonstrates how to load, edit, and save custom fonts in FreeText annotations
+The following example demonstrates loading, editing, and saving custom fonts in FreeText annotations:
```cshtml
@using Syncfusion.Blazor;
@@ -343,9 +339,9 @@ The following example demonstrates how to load, edit, and save custom fonts in F
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/FreeText/Custom%20Font%20Support%20For%20FreeText%20Annotation).
-To ensure proper and seamless execution when using Google API fonts in the PDF Viewer component, it's essential to load these fonts into the sample application as well. This is particularly important because FreeText annotations are rendered directly onto the canvas, making it mandatory to have the fonts available in the sample for accurate rendering.
+To ensure accurate rendering when using Google API fonts in the PDF Viewer component, load these fonts in the application as well. FreeText annotations render directly on the canvas, so the fonts must be available at runtime.
-The following example illustrates how to load custom fonts in FreeText annotations using fonts from Google Fonts or other external sources.
+The following example illustrates loading custom fonts in FreeText annotations using fonts from Google Fonts or other external sources.
```cshtml
```
->**Note:** If external fonts are not properly loaded in the environment, it may lead to slight inconsistencies when importing and rendering free text annotations using those custom fonts. This issue typically occurs only with fonts that are referenced externally, such as those loaded from web-based sources.
+>**Note:** If external fonts are not properly loaded in the environment, slight inconsistencies may occur when importing and rendering free text annotations that use those fonts. This typically affects fonts referenced from web-based sources.
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/FreeText/Load%20Custom%20Font%20From%20External%20Links).
## See also
* [How to delete the annotation programmatically](./text-markup-annotation#delete-annotation-programmatically)
-* [How to Load the Font Collection in SfPdfViewer](../how-to/load-font-collection)
\ No newline at end of file
+
+* [How to Load the Font Collection in SfPdfViewer](../faqs/how-to-load-font-collection)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
index 789f0f77a..04f50b0d5 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Import and Export annotations in Blazor SfPdfViewer | Syncfusion
-description: Learn here all about import and export annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to import and export annotations as JSON in the Syncfusion Blazor SfPdfViewer component using the toolbar and API methods.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,58 +9,70 @@ documentation: ug
# Import and Export annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides the support to import and export annotations using JSON object in the PDF document.
+The SfPdfViewer component supports importing and exporting annotations as a JSON object in the loaded PDF document. The following sections describe how to perform these actions through the built-in toolbar and programmatically using the API.
-* Click the Add or Edit annotation button in the SfPdfViewer toolbar.
+* Select Add or Edit annotation in the SfPdfViewer toolbar to enable the annotation tools.
-
+
-* The annotation toolbar will appear.
-* Click the Comment Panel button in the annotation toolbar.
+* The annotation toolbar appears.
+* Select Comment Panel in the annotation toolbar.
-
+
-* The comments panel will be displayed.
-* Click the **More Option** button in the comment panel container.
+* The comment panel is displayed.
+* Select **More Option** in the comment panel container.
-
+
## Importing annotation to the PDF document
-* Click the Add or Edit annotation button in the SfPdfViewer toolbar.
-* The annotation toolbar will appear.
-* Click the Comment Panel button in the annotation toolbar.
-* The comments panel will displayed.
-* Click the **More Option** button in the comment panel container.
-* Select the Import Annotations Option.
+* Select Add or Edit annotation in the SfPdfViewer toolbar.
+* The annotation toolbar appears.
+* Select Comment Panel in the annotation toolbar.
+* The comment panel is displayed.
+* Select **More Option** in the comment panel container.
+* Choose Import Annotations.
-
+
-* Then the file explorer dialog will be opened. Choose the JSON file to be imported into the loaded PDF document.
+* A file explorer dialog opens. Choose the JSON file to import into the loaded PDF document.
-
+
## Importing annotation using SfPdfViewer API
-You can import annotations using JSON file or JSON object in code behind like the following code snippet.
+Annotations can also be imported from a JSON or XFDF file, or from an in-memory object, in code-behind using the [ImportAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ImportAnnotationAsync_System_IO_Stream_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) method. The following example uses the SfPdfViewer2 component.
+
+Supported formats:
+- [JSON](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Json)
+- [XFDF](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Xfdf)
```cshtml
@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.SfPdfViewer
-Import Annotation
+Import Annotation JSON
+Import Annotation XFDF
@code {
SfPdfViewer2 Viewer;
public string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succinctly.pdf";
- public async void OnImportAnnotationsClick(MouseEventArgs args)
+ public async void OnImportAnnotationsJson(MouseEventArgs args)
{
//The json file has been placed inside the data folder.
byte[] bytes = System.IO.File.ReadAllBytes("wwwroot/Data/PDF_Succinctly.json");
- await Viewer.ImportAnnotationAsync(new MemoryStream(bytes));
+ await Viewer.ImportAnnotationAsync(new MemoryStream(bytes), AnnotationDataFormat.Json);
+ }
+
+ public async void OnImportAnnotationsXfdf(MouseEventArgs args)
+ {
+ //The json file has been placed inside the data folder.
+ byte[] bytes = System.IO.File.ReadAllBytes("wwwroot/Data/PDF_Succinctly.xfdf");
+ await Viewer.ImportAnnotationAsync(new MemoryStream(bytes), AnnotationDataFormat.Xfdf);
}
}
@@ -68,42 +80,71 @@ You can import annotations using JSON file or JSON object in code behind like th
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Import-Export/Annotations%20as%20JSON%20object).
-N>The JSON file for importing the annotation should be placed in the desired location and the path has to be provided correctly.
+N> Ensure that the JSON file used for importing annotations is available at the specified path. Paths are case-sensitive in some hosting environments.
## Exporting annotation from the PDF document
-The SfPdfViewer control provides the support to export the annotations as JSON file and JSON object using annotation toolbar.
+The SfPdfViewer component supports exporting annotations as a JSON file or JSON object using the annotation toolbar.
-* Click the Add or Edit annotation button in the SfPdfViewer toolbar.
-* The annotation toolbar will appear.
-* Click the Comment Panel button in the annotation toolbar.
-* The comments panel will be displayed.
-* Click the **More Option** button in the comment panel container.
-* Select the Export Annotations Option.
+* Select Add or Edit annotation in the SfPdfViewer toolbar.
+* The annotation toolbar appears.
+* Select Comment Panel in the annotation toolbar.
+* The comments panel is displayed.
+* Select **More Option** in the comments panel container.
+* Choose Export Annotations.
-
+
-N>Export annotations will be in the disabled state when the loaded PDF document does not contain any annotations.
+N> The Export Annotations option is disabled when the loaded PDF document does not contain any annotations.
## Exporting annotation using SfPdfViewer API
-You can export annotations as JSON file in code behind like the following code snippet.
+Annotations can also be exported as a file or as a stream in code-behind using the [ExportAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) and [ExportAnnotationAsStreamAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportAnnotationAsStreamAsync_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) methods. Supported formats:
+
+- [JSON](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Json)
+- [XFDF](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Xfdf)
```cshtml
@using Syncfusion.Blazor.SfPdfViewer
@using Syncfusion.Blazor.Buttons
-Export Annotation
+Export Annotation as Json
+Export Annotation as Xfdf
+Export Stream as Json
+Export Stream as Xfdf
+Import Annotation JSON
+Import Annotation XFDF
@code {
SfPdfViewer2 Viewer;
public string DocumentPath { get; set; } = "wwwroot/data/PDF_Succinctly.pdf";
-
- public async void OnExportAnnotationsClick(MouseEventArgs args)
+ private Stream? annotationStreamJson;
+ private Stream? annotationStreamXfdf;
+ public async void OnExportAnnotationsJson(MouseEventArgs args)
+ {
+ await Viewer.ExportAnnotationAsync(AnnotationDataFormat.Json);
+ }
+ public async void OnExportAnnotationsXfdf(MouseEventArgs args)
+ {
+ await Viewer.ExportAnnotationAsync(AnnotationDataFormat.Xfdf);
+ }
+ public async Task OnExportAsStreamJson(MouseEventArgs args)
+ {
+ annotationStreamJson = await Viewer.ExportAnnotationAsStreamAsync(AnnotationDataFormat.Json);
+ }
+ public async Task OnExportAsStreamXfdf(MouseEventArgs args)
+ {
+ annotationStreamXfdf = await Viewer.ExportAnnotationAsStreamAsync(AnnotationDataFormat.Xfdf);
+ }
+ public async void OnImportStreamJson(MouseEventArgs args)
+ {
+ await Viewer.ImportAnnotationAsync(annotationStreamJson, AnnotationDataFormat.Json);
+ }
+ public async void OnImportStreamXfdf(MouseEventArgs args)
{
- await Viewer.ExportAnnotationAsync();
+ await Viewer.ImportAnnotationAsync(annotationStreamXfdf, AnnotationDataFormat.Xfdf);
}
}
@@ -112,4 +153,4 @@ You can export annotations as JSON file in code behind like the following code s
## See also
-* [How to import annotations as objects](../how-to/import-annotations-as-objects)
\ No newline at end of file
+* [How to import annotations as objects](../faqs/how-to-import-annotations-as-objects)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
index e93c158f1..d0d8eb3b7 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
@@ -1,27 +1,27 @@
---
layout: post
title: Ink Annotation in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about free Ink annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, and programmatically manage ink annotations in the Syncfusion Blazor SfPdfViewer component.
platform: document-processing
control: SfPdfViewer
documentation: ug
---
-# Ink Annotation in the Blazor SfPdfViewer component
+# Ink annotation in the Blazor SfPdfViewer component
-The SfPdfViewer control provides the options to add, edit, and delete the ink annotations.
+The Blazor SfPdfViewer component supports adding, editing, and deleting ink annotations.
-
+
## Adding an ink annotation to the PDF document
-The ink annotations can be added to the PDF document using the annotation toolbar.
+Ink annotations can be added using the annotation toolbar.
-* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Draw Ink** button in the annotation toolbar. It enables the ink annotation mode.
-* You can draw anything over the pages of the PDF document.
+* Select the **Edit Annotation** button in the SfPdfViewer toolbar to open the annotation toolbar.
+* Choose the **Draw Ink** button to enable ink mode.
+* Draw on any page of the loaded PDF document.
-
+
```cshtml
@using Syncfusion.Blazor.Buttons
@@ -43,31 +43,29 @@ The ink annotations can be added to the PDF document using the annotation toolba
## Editing the properties of the ink annotation
-The stroke color, thickness, and opacity of the ink annotation can be edited using the Edit stroke color tool, Edit thickness tool, and Edit opacity tool in the annotation toolbar.
+The stroke color, thickness, and opacity of an ink annotation can be modified using the corresponding tools in the annotation toolbar.
### Editing stroke color
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
+Change the stroke color using the color palette available in the Edit Stroke Color tool.
-
+
### Editing thickness
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
+Adjust the border thickness using the range slider in the Edit Thickness tool.
-
+
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Control the transparency using the range slider in the Edit Opacity tool.
-
+
## Setting default properties during the control initialization
-The properties of the ink annotation can be set before creating the control using the InkAnnotationSettings.
-
-After editing the default values, they will be changed to the selected values.
+Default properties for ink annotations can be configured before rendering the component using [InkAnnotationSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_InkAnnotationSettings). After interacting with the toolbar, subsequent annotations will use the most recently selected values.
```cshtml
@@ -97,9 +95,9 @@ After editing the default values, they will be changed to the selected values.
## Add ink annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the ink annotation within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically adding ink annotations using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method. Use the [PdfAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html) model with [AnnotationType.Ink](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationType.html) and define its [Bound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.Bound.html) and path data.
-Below is an example demonstrating how you can use this method to add ink annotation to a PDF document:
+Below is an example demonstrating how to add an ink annotation to a PDF document:
```cshtml
@@ -136,17 +134,17 @@ Below is an example demonstrating how you can use this method to add ink annotat
```
-This code will add a ink annotation to the first page of the PDF document.
+This code adds an ink annotation to the first page of the PDF document (page indices are zero-based).
-
+
-[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Ink/Add).
+[View programmatic ink annotation sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Ink/Add).
## Edit ink annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the ink annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatic editing of ink annotations using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method. Retrieve annotations with [GetAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetAnnotationsAsync) and modify properties such as position, size, [StrokeColor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html#Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_StrokeColor), and [Opacity](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html#Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_Opacity).
-Below is an example demonstrating how you can utilize this method to edit the ink annotation programmatically:
+Below is an example demonstrating how to edit an ink annotation programmatically:
```cshtml
@@ -183,11 +181,11 @@ Below is an example demonstrating how you can utilize this method to edit the in
```
-This code snippet will edit the ink annotation programmatically within the SfPdfViewer control.
+This code edits the first available ink annotation programmatically within the SfPdfViewer component.
-
+
-[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Ink/Edit).
+[View programmatic edit sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Ink/Edit).
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
index 3f43544f7..442256e72 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Measurement annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about measurement annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn all about measurement annotations in the Syncfusion Blazor SfPdfViewer component, including adding, editing, default settings.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Measurement annotations in Blazor SfPdfViewer Component
-The SfPdfViewer provides the options to add measurement annotations. The page annotations can be measured with the help of measurement annotation. The supported measurement annotations in the SfPdfViewer control are:
+The SfPdfViewer provides options to add and work with measurement annotations. Use these annotations to measure content within a PDF page. The supported measurement annotations are:
* Distance
* Perimeter
@@ -21,14 +21,14 @@ The SfPdfViewer provides the options to add measurement annotations. The page an
## Adding measurement annotations to the PDF document
-The measurement annotations can be added to the PDF document using the annotation toolbar.
+Measurement annotations can be added using the annotation toolbar.
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Click the **measurement Annotation** dropdown button. A dropdown pop-up will appear and shows the measurement annotations to be added.
-* Select the measurement type to be added to the page in the dropdown pop-up. It enables the selected measurement annotation mode.
-* You can measure and add the annotation over the pages of the PDF document.
+* Click the **measurement Annotation** dropdown button. A dropdown pop-up appears with the available measurement annotation types.
+* Select a measurement type to enable that annotation mode.
+* Click on the page to add and measure using the selected annotation.
-In the pan mode, if the measurement annotation mode is entered, the SfPdfViewer control will switch to text select mode.
+When a measurement mode is enabled while in Pan mode, the SfPdfViewer switches to Text Select mode.
@@ -59,41 +59,41 @@ In the pan mode, if the measurement annotation mode is entered, the SfPdfViewer
## Editing the properties of measurement annotation
-The fill color, stroke color, thickness, and opacity of the measurement annotation can be edited using the Edit Color tool, Edit Stroke Color tool, Edit Thickness tool, and Edit Opacity tool in the annotation toolbar.
+The fill color, stroke color, thickness, and opacity of a measurement annotation can be edited using the Edit Color, Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar.
### Editing fill color
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
+Edit the fill color of the annotation using the color palette in the Edit Color tool.
### Editing stroke color
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
+Edit the stroke color of the annotation using the color palette in the Edit Stroke Color tool.
### Editing thickness
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit thickness tool.
+Edit the border thickness of the annotation using the range slider in the Edit Thickness tool.
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Edit the opacity of the annotation using the range slider in the Edit Opacity tool.
### Editing the line properties
-The properties of the line shapes such as distance and perimeter annotations can be edited using the Line properties window. It can be opened by selecting the Properties option in the context menu that appears on right-clicking the distance and perimeter annotations.
+The properties of line-based annotations such as Distance and Perimeter can be edited using the Line Properties window. Open it by selecting the Properties option from the context menu when right-clicking a distance or perimeter annotation.
## Setting default properties during control initialization
-The properties of the shape annotations can be set before creating the control using distanceSettings, perimeterSettings, areaSettings, radiusSettings and volumeSettings.
+Set default properties for measurement annotations before initializing the control using [DistanceSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DistanceSettings), [PerimeterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PerimeterSettings), [AreaSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AreaSettings), [RadiusSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_RadiusSettings), and [VolumeSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_VolumeSettings).
```cshtml
@@ -152,11 +152,11 @@ The properties of the shape annotations can be set before creating the control u
## Editing scale ratio and unit of the measurement annotation
-The scale ratio and unit of measurement can be modified using the scale ratio option provided in the context menu of the PDF Viewer control.
+Modify the scale ratio and unit of measurement using the Scale Ratio option in the context menu of the SfPdfViewer.
-The Units of measurements support for the measurement annotations in the PDF Viewer are
+The supported units of measurement for measurement annotations are:
* Inch
* Millimeter
@@ -169,7 +169,7 @@ The Units of measurements support for the measurement annotations in the PDF Vie
## Setting default scale ratio settings 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,
+Set default scale ratio settings for measurement annotations before initializing the control using [ScaleRatioSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerMeasurementSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerMeasurementSettings_ScaleRatio), as shown below.
```cshtml
@@ -193,13 +193,14 @@ The properties of scale ratio for measurement annotation can be set before creat
ConversionUnit = CalibrationUnit.Cm
};
}
+
```
## Add measurement annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the measurement annotation within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer provides the capability to programmatically add measurement annotations using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can use this method to add measurement annotation to a PDF document:
+The following example demonstrates adding a measurement annotation to a PDF document:
```cshtml
@@ -234,7 +235,7 @@ Below is an example demonstrating how you can use this method to add measurement
```
-This code will add a measurement annotation to the first page of the PDF document.
+This adds a measurement annotation to the first page of the PDF document (page numbers are zero-based).
@@ -242,9 +243,9 @@ This code will add a measurement annotation to the first page of the PDF documen
## Edit measurement annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the measure annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer provides the capability to programmatically edit a measurement annotation using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the measure annotation programmatically:
+The following example demonstrates editing a measurement annotation programmatically:
```cshtml
@@ -285,7 +286,7 @@ Below is an example demonstrating how you can utilize this method to edit the me
```
-This code snippet will edit the measurement annotation programmatically within the SfPdfViewer control.
+This edits a measurement annotation programmatically within the SfPdfViewer control.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
index caf3bfebe..41c424407 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Shape annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about shape annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, delete, and programmatically manage shape annotations in the Syncfusion Blazor SfPdfViewer.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,7 +9,7 @@ documentation: ug
# Shape annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides the options to add, edit and delete the shape annotations. The shape annotation types supported in the SfPdfViewer control are:
+The Blazor SfPdfViewer supports adding, editing, and deleting shape annotations. The available shape types are:
* Line
* Arrow
@@ -17,20 +17,20 @@ The SfPdfViewer control provides the options to add, edit and delete the shape a
* Circle
* Polygon
-
+
## Adding a shape annotation to the PDF document
-Shape annotations can be added to the PDF document using the annotation toolbar.
+Shape annotations can be added from the annotation toolbar.
-* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Click the **Shape Annotation** dropdown button. A dropdown pop-up will appear and shows the shape annotations to be added.
-* Select the shape types to be added to the page in the dropdown pop-up. It enables the selected shape annotation mode.
-* You can add the shapes over the pages of the PDF document.
+* Select **Edit Annotation** in the viewer toolbar to open the annotation toolbar.
+* Select **Shape Annotation** to open the shape list.
+* Choose a shape type to enable the corresponding drawing mode.
+* Draw the selected shape on the PDF page.
-In the pan mode, if the shape annotation mode is entered, the SfPdfViewer control will switch to text select mode.
+When the viewer is in pan mode and a shape drawing mode is activated, the control switches to text selection mode to enable drawing.
-
+
```cshtml
@@ -58,42 +58,41 @@ In the pan mode, if the shape annotation mode is entered, the SfPdfViewer contro
## Editing the properties of the shape annotation
-The fill color, stroke color, thickness and opacity of the shape annotation can be edited using the Edit color tool, Edit stroke color tool, Edit thickness tool and Edit opacity tool in the annotation toolbar.
+The annotation toolbar provides tools to modify fill color, stroke color, thickness, and opacity for shape annotations.
### Editing fill color
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
+Use the Edit Color tool to change the annotation’s fill color via the color palette.
-
+
### Editing stroke color
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
+Use the Edit Stroke Color tool to change the border color via the color palette.
-
+
### Editing thickness
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
+Use the Edit Thickness tool to adjust the border thickness with the range slider.
-
+
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Use the Edit Opacity tool to modify transparency with the range slider.
-
+
### Editing the line properties
-The properties of the line shapes such as line and arrow annotations can be edited using the Line Properties window. It can be opened by selecting the Properties option in the context menu that appears on right clicking the line and arrow annotations.
+Properties for line-based shapes (Line and Arrow) can be adjusted in the Line Properties dialog. Open it by choosing Properties from the context menu after right-clicking a line or arrow annotation.
-
-
+
## Setting default properties during control initialization
-The properties of the shape annotations can be set before creating the control using LineSettings, ArrowSettings, RectangleSettings, CircleSettings, and PolygonSettings.
+Default properties for shape annotations can be configured during initialization using [LineSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_LineSettings), [ArrowSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AreaSettings), [RectangleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_RectangleSettings), [CircleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CircleSettings), and [PolygonSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PolygonSettings). These apply when the corresponding shape is created from the toolbar or programmatically.
```cshtml
@@ -154,9 +153,7 @@ The properties of the shape annotations can be set before creating the control u
## Customize annotation selector
-You can customize the appearance of the annotation's selector using the [AnnotationSelectorSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerAnnotationSelectorSettings.html) property of the [PdfViewerRectangleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerRectangleSettings.html) class.
-
-The following code illustrates how to change the resizer shape of the shape annotation's selector.
+The appearance of an annotation’s selector can be customized using [AnnotationSelectorSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerAnnotationSelectorSettings.html) on the [PdfViewerRectangleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerRectangleSettings.html) class. The following example changes the resizer shape for rectangle annotations. Similar selector customization is available per-annotation settings class for the supported shapes.
```cshtml
@@ -187,15 +184,15 @@ The following code illustrates how to change the resizer shape of the shape anno
```
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Selector/Customize%20Annotation%20%20Selector).
## Add shape annotation Programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add shape annotations such as Rectangle, Line, Arrow, Circle, and Polygon within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatic creation of shape annotations Rectangle, Line, Arrow, Circle, and Polygon using [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Ensure the document is loaded and the component reference is available before invoking API calls.
-Below is an example demonstrating how you can use this method to add shape annotation to a PDF document:
+Below is an example demonstrating how to use this method to add a shape annotation to a PDF document:
```cshtml
@@ -229,17 +226,15 @@ Below is an example demonstrating how you can use this method to add shape annot
}
```
-This code will add a shape annotation to the first page of the PDF document.
+This example adds a shape annotation to the first page (page index 0) of the PDF document.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Shapes/Add).
-
## Add and Delete multiple annotations at once in a PDF Viewer
-The PDF Viewer provides support to add and delete multiple annotations at once. we can programmatically create a collection of annotations, such as lines or shapes, and apply them to the document in one go using [AddAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation__). Similarly, the viewer allows you to retrieve and remove all annotations from the document efficiently using [DeleteAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation__). This capability is particularly useful for bulk annotation management within a Blazor application.
-
+The PDF Viewer supports adding and deleting multiple annotations in a single operation. Create a collection of annotations and apply them with [AddAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation__). Retrieve and remove all annotations efficiently using [DeleteAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation__). For large collections, ensure UI responsiveness by performing operations asynchronously.
The following code demonstrates how to add multiple annotations at once to PDF Viewer.
@@ -323,12 +318,11 @@ The following code demonstrates how to delete multiple annotations at once in PD
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Add%20and%20Delete%20Annotations%20as%20collection).
-
## Edit shape annotation Programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the shape annotation such as Rectangle, Line, Arrow, Circle, and Polygon within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+Shape annotations Rectangle, Line, Arrow, Circle, and Polygon can be edited programmatically using [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Retrieve the target annotation from [GetAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetAnnotationsAsync) and update the desired properties before submitting the edit.
-Below is an example demonstrating how you can utilize this method to edit the shape annotation programmatically:
+Below is an example demonstrating how to edit a shape annotation programmatically:
```cshtml
@@ -363,12 +357,12 @@ Below is an example demonstrating how you can utilize this method to edit the sh
```
-This code snippet will edit the shape annotation programmatically within the SfPdfViewer control.
+This example updates an existing shape annotation in the viewer.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Shapes/Edit).
## See also
-* [How to delete the annotation programmatically](./text-markup-annotation#delete-annotation-programmatically)
+* [How to delete the annotation programmatically](./text-markup-annotation#delete-annotation-programmatically)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
index efaf1dc75..e39562d19 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Stamp annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about stamp annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, rotate, and customize stamp annotations in the Syncfusion Blazor SfPdfViewer component.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,49 +9,49 @@ documentation: ug
# Stamp annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides options to add, edit, delete and rotate the following stamp annotation in the PDF documents:
+The SfPdfViewer component provides options to add, edit, delete, and rotate the following stamp annotation types in PDF documents:
-* Dynamic
-* Sign Here
-* Standard Business
-* Custom Stamp
+* Dynamic stamp
+* Sign stamp
+* Standard business stamp
+* Custom stamp
-
+
## Adding stamp annotations to the PDF document
-The stamp annotations can be added to the PDF document using the annotation toolbar.
+Stamp annotations can be added using the annotation toolbar.
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Click the **Stamp Annotation** dropdown button. A dropdown pop-up will appear and shows the stamp annotations to be added.
+* Click the **Stamp Annotation** dropdown button. A dropdown appears showing the available stamp types.
-* Select the annotation type to be added to the page in the pop-up.
+* Select the required stamp type from the dropdown to add it to the page.
-* You can add the annotation over the pages of the PDF document.
+* Place the annotation on the desired page in the PDF document.
-In the pan mode, if the stamp annotation mode is entered, the SfPdfViewer control will switch to text select mode.
+When entering stamp mode while in pan mode, the SfPdfViewer automatically switches to text selection mode to enable annotation placement.
## Adding custom stamp to the PDF document through interaction
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Click the **Stamp Annotation** dropdown button. A dropdown pop-up will appear and shows the stamp annotations to be added.
-* Click the Custom Stamp button.
+* Click the **Stamp Annotation** dropdown button. A dropdown appears showing the available options.
+* Click the **Custom Stamp** button.
-
+
-* The file explorer dialog will appear, choose the image and then add the image in the PDF page.
+* In the file explorer dialog, choose an image to add as a stamp on the PDF page.
-N>The JPG and JPEG image format are only supported in custom stamp annotations.
+N> Only JPEG (JPG/JPEG) image formats are supported for custom stamp annotations.
## Setting default properties during control initialization
-The properties of the stamp annotation can be set before creating the control using StampSettings.
+Default properties for stamp annotations can be configured before the component is created by using [StampSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StampSettings). These defaults apply to newly added stamp annotations.
-After editing the default opacity using the Edit Opacity tool, they will be changed to the selected values.
+After changing the default opacity using the Edit Opacity tool, the currently selected value is applied to subsequent stamps.
```cshtml
@@ -81,9 +81,9 @@ After editing the default opacity using the Edit Opacity tool, they will be chan
## Adding a custom stamp to the PDF document via PdfViewerCustomStampSettings
-You can add an image as a custom stamp icon using the CustomStamps property of the PdfViewerCustomStampSettings class.
+An image can be added as a custom stamp icon by using the [CustomStamps](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCustomStampSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCustomStampSettings_CustomStamps) property of the [PdfViewerCustomStampSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CustomStampSettings) class.
-The following code illustrates how to add the image as a stamp annotation in the PDFViewer.
+The following example illustrates how to add an image as a stamp annotation in the SfPdfViewer.
```cshtml
@@ -190,9 +190,9 @@ The following code illustrates how to add the image as a stamp annotation in the
## Add stamp annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the stamp annotation within the SfPdfViewer control using the [DynamicStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_Syncfusion_Blazor_SfPdfViewer_DynamicStampItem_), [SignStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_Syncfusion_Blazor_SfPdfViewer_SignStampItem_), and [StandardBusinessStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_Syncfusion_Blazor_SfPdfViewer_StandardBusinessStampItem_) method.
+The Blazor SfPdfViewer supports programmatically adding stamp annotations by using the [DynamicStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.DynamicStampItem.html), [SignStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignStampItem.html), and [StandardBusinessStampAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.StandardBusinessStampItem.html) methods.
-Below is an example demonstrating how you can use this method to add stamp annotation to a PDF document:
+The example below demonstrates adding a stamp annotation to a PDF document.
```cshtml
@@ -231,19 +231,19 @@ Below is an example demonstrating how you can use this method to add stamp annot
```
-This code will add a stamp annotation to the first page of the PDF document.
+This code adds a stamp annotation to the first page of the PDF document. Note that `PageNumber` is zero-based indexing (0 refers to page 1).
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Stamp/Add).
-N> To add a custom stamp annotation, you need to set the annotation type as an [Image](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationType.html#Syncfusion_Blazor_SfPdfViewer_AnnotationType_Image) and [CustomStampSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html#Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_CustomStampSource) API to set the custom stamp image data. Then use [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) to add the annotation properly.
+N> To add a custom stamp annotation programmatically, set the annotation type to [Image](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationType.html#Syncfusion_Blazor_SfPdfViewer_AnnotationType_Image) and provide the custom image data using the [CustomStampSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html#Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_CustomStampSource) API. Then call [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) to add the annotation.
## Edit stamp annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the stamp annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically editing existing stamp annotations by using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the stamp annotation programmatically:
+The example below demonstrates how to edit a stamp annotation programmatically.
```cshtml
@@ -278,25 +278,25 @@ Below is an example demonstrating how you can utilize this method to edit the st
```
-This code snippet will edit the stamp annotation programmatically within the SfPdfViewer control.
+This code edits the selected stamp annotation programmatically within the SfPdfViewer component.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Stamp/Edit).
## Customized templated stamp appearance
-The customized templated stamp appearance feature provides support for displaying personalized stamps with tailored templates, focusing solely on their visual representation.
+The customized templated stamp appearance feature displays user-defined stamps with tailored templates, focusing on visual representation only.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Stamp/Customized%20templated%20stamp%20appearance).
## Rotation support for Custom Stamp and Customized templated stamps
-The PDF Viewer also supports smooth rotation of Custom stamps and Customized templated stamps
+The PDF Viewer supports smooth rotation for Custom stamps and customized templated stamps during interaction and editing.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Stamp/Customized%20templated%20stamp%20appearance).
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
index 065767255..4134afdfb 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Sticky notes annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about sticky notes annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, and manage sticky notes annotations in the Syncfusion Blazor SfPdfViewer component.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,25 +9,25 @@ documentation: ug
# Sticky notes annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides the options to add, edit, and delete the sticky note annotations in the PDF document.
+The SfPdfViewer control provides options to add, edit, and delete sticky notes annotations in a PDF document.
## Adding a sticky note annotation to the PDF document
-Sticky note annotations can be added to the PDF document using the annotation toolbar.
+Sticky notes annotations can be added using the annotation toolbar.
-* Click the **Comments** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Click the position, where you want to add sticky note annotation in the PDF document.
-* Sticky note annotation will be added in the clicked positions.
+* Click the **Comments** button in the SfPdfViewer toolbar to open the annotation toolbar.
+* Click the location on the page where the sticky note annotation should appear.
+* The sticky note annotation is added at the clicked position.
-Annotation comments can be added to the PDF document using the comment panel.
+Annotation comments can be added using the Comment panel.
-* Select a Sticky note annotation in the PDF document and right-click it.
-* Select Comment option in the context menu that appears.
-* Now, you can add Comments, Reply, and Status using Comment Panel.
+* Select a sticky note annotation in the PDF document and right-click it.
+* Select the Comment option from the context menu.
+* Use the Comment panel to add Comments, Reply, and Status.
@@ -35,27 +35,27 @@ Annotation comments can be added to the PDF document using the comment panel.
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Adjust the annotation opacity using the range slider in the Edit Opacity tool.
### Editing comments
-The comment, comment reply, and comment status of the annotation can be edited using the Comment Panel.
+The comment, comment reply, and comment status of the annotation can be edited using the Comment panel.
-* Open the comment panel using the Comment Panel button displayed in the annotation toolbar.
+- Open the Comment panel using the Comment Panel button in the annotation toolbar.
-You can modify or delete the comments or comments replay and it’s status using the menu option provided in the comment panel.
+Use the menu in the Comment panel to modify or delete comments, replies, and their status.
## Setting default properties during control initialization
-The properties of the sticky note annotation can be set before creating the control using StickyNoteSettings.
+Set default properties for sticky notes annotations before initializing the control using [StickyNotesSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StickyNotesSettings).
-After editing the default opacity using the Edit Opacity tool, they will be changed to the selected values.
+After changing the default opacity using the Edit Opacity tool, the values are updated to the selected settings.
```cshtml
@@ -102,10 +102,9 @@ The SfPdfViewer2 control provides an option to disable the sticky note annotatio
## Add sticky note annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the sticky note annotation within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-
-Below is an example demonstrating how you can use this method to add sticky note annotation to a PDF document:
+The Blazor SfPdfViewer supports adding sticky notes annotations programmatically using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+Below is an example demonstrating how to add a sticky note annotation to a PDF document:
```cshtml
@@ -140,17 +139,17 @@ Below is an example demonstrating how you can use this method to add sticky note
```
-This code will add a sticky note annotation to the third page of the PDF document.
+This code adds a sticky note annotation to the first page of the PDF document (PageNumber is zero-based).
-[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Sticky%20Notes/Add).
+[View sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Sticky%20Notes/Add).
## Edit sticky note annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the sticky note annotation within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports editing sticky notes annotations programmatically using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the StickyNote annotation programmatically:
+Below is an example demonstrating how to edit a sticky note annotation programmatically:
```cshtml
@@ -185,11 +184,11 @@ Below is an example demonstrating how you can utilize this method to edit the St
```
-This code snippet will edit the sticky note annotation programmatically within the SfPdfViewer control.
+This code snippet edits a sticky note annotation programmatically within the SfPdfViewer control.
-[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Sticky%20Notes/Edit).
+[View sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Sticky%20Notes/Edit).
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
index dcac23334..b60e6f246 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
@@ -1,7 +1,7 @@
---
layout: post
title: Text markup annotations in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about text markup annotations in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to add, edit, and delete text markup annotations—highlight, underline, strikethrough, and squiggly—in the Syncfusion Blazor SfPdfViewer component.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -9,35 +9,35 @@ documentation: ug
# Text markup annotations in Blazor SfPdfViewer Component
-The SfPdfViewer control provides the options to add, edit, and delete text markup annotations such as highlight, underline, strikethrough and squiggly annotations in the PDF document.
+The SfPdfViewer control supports adding, editing, and deleting text markup annotations, including highlight, underline, strikethrough, and squiggly, in a PDF document.
-
+
## Adding text markup annotation to the PDF Document
-Text Markup annotations can be added to the PDF document using the annotation toolbar and by using context menu.
+Text markup annotations can be added using either the annotation toolbar or the context menu.
## Highlight a text
-There are two ways to highlight a text in the PDF document.
+There are two ways to highlight text in a PDF document.
**Using the context menu.**
-* Select a text in the PDF document and right-click it.
-* Select **Highlight** option in the context menu that appears
+* Select text in the PDF document and right-click it.
+* Select the **Highlight** option in the context menu.
-
+
**Using the annotation toolbar.**
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Highlight** button in the annotation toolbar. It enables the highlight mode.
-* Select the text and the highlight annotation will be added.
-* You can also select the text and apply the highlight annotation using the **Highlight** button.
+* Select the **Highlight** button in the annotation toolbar to enable highlight mode.
+* Select the text to add the highlight annotation.
+* Alternatively, select the text first and then click **Highlight** to apply it.
-
+
-In the pan mode, if the highlight mode is entered, the SfPdfViewer control will switch to text select mode to enable the text selection for highlighting the text.
+In pan mode, entering highlight mode switches the viewer to text select mode to enable text selection for highlighting.
```cshtml
@@ -65,25 +65,25 @@ In the pan mode, if the highlight mode is entered, the SfPdfViewer control will
## Underline a text
-There are two ways to underline a text in the PDF document.
+There are two ways to underline text in a PDF document.
**Using the context menu.**
-* Select a text in the PDF document and right-click it.
-* Select **Underline** option in the context menu that appears.
+* Select text in the PDF document and right-click it.
+* Select the **Underline** option in the context menu.
-
+
**Using the annotation toolbar.**
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Underline** button in the annotation toolbar. It enables the underline mode.
-* Select the text and the underline annotation will be added.
-* You can also select the text and apply the underline annotation using the **Underline** button.
+* Select the **Underline** button in the annotation toolbar to enable underline mode.
+* Select the text to add the underline annotation.
+* Alternatively, select the text first and then click **Underline** to apply it.
-
+
-In the pan mode, if the underline mode is entered, the SfPdfViewer control will switch to text select mode to enable the text selection for underlining the text.
+In pan mode, entering underline mode switches the viewer to text select mode to enable text selection for underlining.
```cshtml
@@ -111,25 +111,25 @@ In the pan mode, if the underline mode is entered, the SfPdfViewer control will
## Strikethrough a text
-There are two ways to strikethrough a text in the PDF document:
+There are two ways to apply strikethrough to text in a PDF document:
Using the context menu.
-* Select a text in the PDF document and right-click it.
-* Select **strikethrough** option in the context menu that appears.
+* Select text in the PDF document and right-click it.
+* Select the **Strikethrough** option in the context menu.
-
+
**Using the annotation toolbar.**
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Strikethrough** button in the annotation toolbar. It enables the strikethrough mode.
-* Select the text and the strikethrough annotation will be added.
-* You can also select the text and apply the strikethrough annotation using the **Strikethrough** button.
+* Select the **Strikethrough** button in the annotation toolbar to enable strikethrough mode.
+* Select the text to add the strikethrough annotation.
+* Alternatively, select the text first and then click **Strikethrough** to apply it.
-
+
-In the pan mode, if the strikethrough mode is entered, the SfPdfViewer control will switch to text select mode to enable the text selection to strike through the text.
+In pan mode, entering strikethrough mode switches the viewer to text select mode to enable text selection for striking through.
```cshtml
@@ -156,25 +156,25 @@ In the pan mode, if the strikethrough mode is entered, the SfPdfViewer control w
```
## Squiggly a text
-There are two ways to squiggly a text in the PDF document:
+There are two ways to apply squiggly to text in a PDF document:
Using the context menu.
-* Select a text in the PDF document and right-click it.
-* Select **squiggly** option in the context menu that appears.
+* Select text in the PDF document and right-click it.
+* Select the **Squiggly** option in the context menu.
-
+
**Using the annotation toolbar.**
* Click the **Edit Annotation** button in the SfPdfViewer toolbar. A toolbar appears below it.
-* Select the **Squiggly** button in the annotation toolbar. It enables the squiggly mode.
-* Select the text and the squiggly annotation will be added.
-* You can also select the text and apply the squiggly annotation using the **Squiggly** button.
+* Select the **Squiggly** button in the annotation toolbar to enable squiggly mode.
+* Select the text to add the squiggly annotation.
+* Alternatively, select the text first and then click **Squiggly** to apply it.
-
+
-In the pan mode, if the squiggly mode is entered, the SfPdfViewer control will switch to text select mode to enable the text selection to squiggly the text.
+In pan mode, entering squiggly mode switches the viewer to text select mode to enable text selection for applying the squiggly annotation.
```cshtml
@@ -202,25 +202,25 @@ In the pan mode, if the squiggly mode is entered, the SfPdfViewer control will s
## Editing the properties of the text markup annotation
-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.
+The color and opacity of a text markup annotation can be changed using the **Edit Color** and **Edit Opacity** tools in the annotation toolbar.
### Editing color
-The color of the annotation can be edited using the color palette provided in the Edit Color tool.
+Change the annotation color using the color palette in the **Edit Color** tool.
-
+
### Editing opacity
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Change the annotation opacity using the range slider in the **Edit Opacity** tool.
-
+
## Text markup annotation settings
-The properties of the text markup annotation can be set before creating the control using highlightSettings, underlineSettings, strikethroughSettings and squigglySettings.
+Set default properties for text markup annotations before rendering the component using the [HighlightSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_HighlightSettings), [UnderlineSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_UnderlineSettings), [StrikethroughSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StrikethroughSettings), and [SquigglySettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SquigglySettings) parameters.
-N> After editing the default color and opacity using the Edit color tool and Edit opacity tool, they will be changed to the selected values.
+N> After changing the default color and opacity using the **Edit Color** and **Edit Opacity** tools, those values become the new defaults for subsequent annotations.
```cshtml
@@ -268,9 +268,9 @@ N> After editing the default color and opacity using the Edit color tool and Edi
```
## Add text markup annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically add the text markup annotation such as Highlight, Underline, Strikethrough and squiggly within the SfPdfViewer control using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically adding text markup annotations such as Highlight, Underline, Strikethrough, and Squiggly using the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can use this method to add a text markup annotation to a PDF document:
+Below is an example demonstrating how to add a text markup annotation to a PDF document:
```cshtml
@@ -312,17 +312,17 @@ Below is an example demonstrating how you can use this method to add a text mark
```
-This code will add a text markup annotation to the third page of the PDF document.
+This example adds a text markup annotation to the third page of the PDF document (page index is zero-based).
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Text%20Markup/Add).
## Edit text markup annotation programmatically
-The Blazor SfPdfViewer offers the capability to programmatically edit the text markup annotation such as Highlight, Underline, Strikethrough and Squiggly within the SfPdfViewer control using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer supports programmatically editing text markup annotations using the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to edit the text markup annotation programmatically:
+Below is an example demonstrating how to edit a text markup annotation programmatically:
```cshtml
@@ -352,17 +352,17 @@ Below is an example demonstrating how you can utilize this method to edit the te
```
-This code snippet will edit the text markup annotation programmatically within the SfPdfViewer control.
+This code edits an existing text markup annotation programmatically.
-
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Text%20Markup/Edit).
## Delete annotation programmatically
-The Blazor SfPdfViewer additionally offers the functionality to programmatically remove annotations within the SfPdfViewer control using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+The Blazor SfPdfViewer can also remove annotations programmatically using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-Below is an example demonstrating how you can utilize this method to delete an annotation programmatically:
+Below is an example demonstrating how to delete an annotation programmatically:
```cshtml
@@ -390,12 +390,12 @@ Below is an example demonstrating how you can utilize this method to delete an a
}
```
-This code snippet demonstrates how to programmatically delete an annotation within the Syncfusion® Blazor SfPdfViewer using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
+This example demonstrates how to programmatically delete an annotation within the Syncfusion® Blazor SfPdfViewer using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method.
-N> Alternatively, delete the annotation with the annotation ID using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_System_String_) method.
+N> Alternatively, the annotation can be deleted using its annotation ID with the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationAsync_System_String_) method.
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Annotations/Programmatic%20Support/Delete%20Annotation).
## See also
-* [How to change the highlight color of the text](../how-to/change-the-highlighted-color-of-the-text)
\ No newline at end of file
+* [How to change the highlight color of the text](../faqs/how-to-change-the-highlighted-color-of-the-text)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md b/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
index 8d36bc459..c9b911445 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
@@ -1,7 +1,7 @@
---
layout: post
title: Command Manager in Blazor SfPdfViewer Component | Syncfusion
-description: Checkout and learn here all about Command Manager in Syncfusion Blazor SfPdfViewer component and more.
+description: Learn how to configure the Command Manager to add custom keyboard shortcuts and handle command execution in the Syncfusion Blazor PDF Viewer.
platform: document-processing
control: SfPdfViewer
documentation: ug
@@ -11,26 +11,23 @@ documentation: ug
The PDF viewer provides support to map or bind command execution with a desired combination of key gestures.
-The [PdfViewerCommandManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommandManager.html) provides support to define custom commands. These custom commands are executed when the specified key gesture is recognized.
+The [PdfViewerCommandManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCommandManager.html) provides support to define custom commands. These custom commands are executed when the specified key gesture is recognized.
## Command Execution
To execute custom commands, simply provide a list of keyboard shortcuts along with the corresponding actions. These actions will be triggered when the specified keyboard shortcuts are pressed.
-* [Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyboardCommand.html):
-Represents the list of custom keyboard shortcuts along with the name of the action will be executed in PDF viewer
+* [Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyboardCommand.html): Defines the collection of custom keyboard shortcuts and the action names to execute in the PDF Viewer.
-* [CommandExecuted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html):
-When you use the keyboard shortcut, it triggers the execution of this method, which carries out the specified action within the PDF viewer.
+* [CommandExecuted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html): Raised when a registered keyboard shortcut is detected; handle this event to perform the action.
## How to create custom command:
-You can create custom keyboard commands by specifying the name of the action and the corresponding keyboard combination within the PDF viewer.
+Create custom keyboard commands by specifying an action name and the corresponding key gesture for the PDF Viewer.
-* [ActionName](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html#Syncfusion_Blazor_SfPdfViewer_CommandExecutedEventArgs_ActionName): Specifies the name of the action to be executed upon pressing the keyboard shortcuts within the PDF viewer.
+* [ActionName](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html#Syncfusion_Blazor_SfPdfViewer_CommandExecutedEventArgs_ActionName): Specifies the name of the action to execute when the keyboard shortcut is pressed (for example, FitToWidth, FitToPage). The action name must correspond to a recognized PDF Viewer action.
-* [Gesture](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html):
-Specifies the combination of [keys](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Key) and [modifiers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Modifiers), including Control, Shift, Alt or Meta key that are utilized within the PDF viewer.
+* [Gesture](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html): Specifies the combination of [keys](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Key) and [modifiers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Modifiers), including Control, Shift, Alt or Meta key that are utilized within the PDF viewer. On macOS, Meta maps to the Command key.
-The following code snippet explains how to create custom command.
+The following example registers two custom keyboard commands (FitToWidth and FitToPage) and handles them in CommandExecuted. The example uses SfPdfViewer2; use the component that matches the project version.
```cshtml
@@ -85,6 +82,7 @@ The following code snippet explains how to create custom command.
}
```
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Keyboard%20accessibility/Command%20Manager)
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
index 056f5c834..2958a9429 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
@@ -1,15 +1,15 @@
---
layout: post
-title: Blazor SfPdfViewer deployment in AWS BeanStalk | Syncfusion
-description: AWS Elastic Beanstalk simplifies the deployment and management of scalable web applications and services on Linux-based infrastructure
+title: Deploy Blazor SfPdfViewer to AWS Elastic Beanstalk | Syncfusion
+description: Add the Syncfusion Blazor PDF Viewer to a Blazor Server app and deploy it to AWS Elastic Beanstalk on Linux.
platform: document-processing
control: SfPdfViewer
documentation: ug
---
-# Deploy Blazor Server App on AWS Elastic Beanstalk Linux
+# Deploy a Blazor Server app to AWS Elastic Beanstalk (Linux)
-In this section, we'll guide you through the process of adding Syncfusion® Blazor PDF Viewer component to your Blazor Server app and deploy it on AWS Elastic Beanstalk. We'll break it down into simple steps to make it easy to follow. Additionally, you can find a fully functional example project on our [GitHub repository](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Server%20Deployment/AWS/AWS_Elastic_Beanstalk/SfPdfViewerApp).
+This article describes how to add the Syncfusion® Blazor PDF Viewer component to a Blazor Server app and deploy the app to AWS Elastic Beanstalk (Linux). A fully functional sample is available in the [GitHub repository](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Server%20Deployment/AWS/AWS_Elastic_Beanstalk/SfPdfViewerApp).
## Prerequisites
@@ -19,11 +19,11 @@ In this section, we'll guide you through the process of adding Syncfusion® B
Create a new Blazor Server app and name it **PDFViewerGettingStarted**.
-N> The PDF Viewer component is supported from .NET 6.0 onwards.
+N> The PDF Viewer component is supported on .NET 8.0 and later.
## Install Blazor PDF Viewer NuGet package in Blazor Server App
-Add the following NuGet packages into the Blazor Server app.
+Add the following NuGet packages to the Blazor Server app.
* [Syncfusion.Blazor.SfPdfViewer](https://www.nuget.org/packages/Syncfusion.Blazor.SfPdfViewer)
* [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes)
@@ -69,21 +69,23 @@ var app = builder.Build();
Add the following stylesheet and script to the head section of the **~/Pages/_Host.cshtml** file.
{% tabs %}
-{% highlight cshtml %}
+{% highlight cshtml hl_lines="3 7" %}
+
+
-
+
{% endhighlight %}
{% endtabs %}
## Adding Blazor PDF Viewer Component
-Add the Syncfusion