Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions angularjs/PdfViewer/Handwritten-Signature.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Hand written signature in PDF viewer component.
description: Hand written signature in PDF viewer component.
title: Hand written signature in AngularJS PDF Viewer Control | Syncfusion
description: Learn here about Hand written signature in Syncfusion Essential AngularJS PDF Viewer Control, its elements, and more.
platform: AngularJS
control: PDF viewer
documentation: ug
keywords: ejPdfViewer, PDF viewer, js pdfviewer
---

## Handwritten Signature
# Handwritten Signature in AngularJS PDF Viewer

We have provided the support for adding handwritten signature into the PDF document. The handwritten signature support reduces the paper work of reviewing the content and verify it digitally.

Expand Down Expand Up @@ -50,41 +50,41 @@ angular.module('syncApp', ['ejangular']).controller('PDFViewerController', funct

The handwritten signature can be added by drawing the signature content in the signature panel and on clicking the button labeled ADD, the signature will be added in the PDF documents. The following screenshots are pictorial representation of this.

![](Signature_images/Signature_img1.png)
![AngularJS PDF Viewer Signature](Signature_images/Signature_img1.png)

![](Signature_images/Signature_img2.png)
![AngularJS PDF Viewer handwritten Signature](Signature_images/Signature_img2.png)

![](Signature_images/Signature_img3.png)
![AngularJS PDF Viewer Move Resize and Delete the Handwritten Signature](Signature_images/Signature_img3.png)

**Move, Resize and Delete the Handwritten Signature**

The handwritten signature content can be moved to the specified location within the page bounds by using touch gestures, arrow keys and mouse. We can also resize the handwritten signature content with maintaining aspect ratio.

The selected handwritten signature content can be deleted using the "Delete" option in the context menu or delete key. The following screenshots are pictorial representation of this.

![](Signature_images/Signature_img4.png)
![AngularJS PDF Viewer Delete option](Signature_images/Signature_img4.png)

**Changing Handwritten Signature properties**

The properties (i.e. opacity and color) of a handwritten signature can be modified by color palate and opacity slider which is available in the “Properties" option in context menu. The following screenshots are pictorial representation of this.

![](Signature_images/Signature_img5.png)
![AngularJS PDF Viewer Properties](Signature_images/Signature_img5.png)

Select the desired color from the color palette and then click on OK button.

![](Signature_images/Signature_img6.png)
![AngularJS PDF Viewer desired color](Signature_images/Signature_img6.png)

The selected color will be updated on the signature.

![](Signature_images/Signature_img7.png)
![AngularJS PDF Viewer updated signature](Signature_images/Signature_img7.png)

You can also change the opacity of the added signature in the "properties" option.

![](Signature_images/Signature_img8.png)
![AngularJS PDF Viewer added signature](Signature_images/Signature_img8.png)

**Saving the Signature**

The added signature can be saved to the PDF document and can be downloaded by clicking the download button in the toolbar. This action will not affect the original document

![](Signature_images/Signature_img9.png)
![AngularJS PDF Viewer Saving the Signature](Signature_images/Signature_img9.png)

14 changes: 7 additions & 7 deletions angularjs/PdfViewer/Text-Markup-Annotation.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
title: Text markup annotation of PDF viewer component.
description: Text markup annotation of PDF viewer component.
title: Text markup annotation in AngularJS PDF Viewer Control | Syncfusion
description: Learn here about Text markup annotation in Syncfusion Essential AngularJS PDF Viewer Control, its elements, and more.
platform: AngularJS
control: PDF viewer
documentation: ug
keywords: ejPdfViewer, PDF viewer, js pdfviewer
---

## Text Markup Annotation
# Text Markup Annotation in AngularJS PDF Viewer

PDF viewer control supports adding text markup annotations in the PDF documents. The component also renders the existing text markup annotations from the PDF document when the document is loaded in it.

The following screenshot shows PDF viewer with the PDF document containing text markup annotations.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png)
![AngularJS PDF Viewer text markup annotations](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png)

**Adding text markup annotations**

Expand Down Expand Up @@ -55,21 +55,21 @@ angular.module('syncApp', ['ejangular']).controller('PDFViewerController', funct

The colorpicker control is provided in the text markup annotation tools to select the desired color for the text markup annotation to be added in the document.

![](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png)
![AngularJS PDF Viewer Adding text markup annotations](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png)

**Adding notes to the text markup annotation**

The notes can be added to the text markup annotations using the context menu provided in the PDF viewer component.

The below screenshot shows that the notes have been added to a text markup annotation in the PDF document.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png)
![AngularJS PDF Viewer Adding notes to the text markup annotation](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png)

**Editing the text markup annotation**

The properties of the text markup annotations in the PDF document can be edited using the properties window provided in the PDF viewer component. The color, opacity, author and subject of the text markup annotation can be modified. The properties of the text markup annotation can also be locked using the locked checkbox in the properties window.

The below screenshot shows the properties window used for editing the properties of a text markup annotation.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png)
![AngularJS PDF Viewer Editing the text markup annotation](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png)

The text markup annotation in the PDF document can also be deleted from the PDF document.

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.