XtremeDocumentStudio .NET
Next-generation multi-format document-processing component suite for .NET developers
Compatibility
Visual Studio 2010/2012/2013/2015

Interact with PDF files using Annotations with XtremeDocumentStudio .NET's HTML5 Document Viewer

Learn how to interact with PDF files using annotations in HTML5 Document Viewer control.
by Shivaranjini Mithun & Pradeep Malage

Annotations and forms are two popular ways of providing interactivity in PDF documents. HTML5 Document Viewer control already has the capability of interactive form filling. In our recent release (2017 R2) we have enhanced it to support interactive annotations. The Viewer control automatically identifies supported annotations in loaded PDF document and allows the user to interact with it.

To learn about the basic integration of HTML5 Document Viewer control into your application, please refer the following article: HTML5 Document Viewer control for displaying DOCX, DOC, PDF and images

Enable interactive annotations

The code snippet below shows how to enable interactivity through annotations.


$(document).ready(function () {
    var preferences = new gnostice.Preferences();
    //API to specify whether annotations interactivity should be enabled
    preferences.interactiveElements.annotations.enableAnnotations = true;
    //API to set the user identity which is used while editing annotations
    preferences.userIdentity.name = "Gnostice";

    documentViewer = new gnostice.DocumentViewer('doc-viewer-id', preferences);
}

Types of Annotations

There are several types of PDF annotations. Some use icons or shapes and display text in a popup window. These are known as Markup annotations. Some others play multimedia objects. Some even display text directly on the page.

Currently Viewer control enables interactivity for the following types of annotations:

Markup Annotations Non Markup Annotations

If the document already contains any of the above mentioned markup annotations then the Viewer control enables interactivity for them. You can move the annotations around, update the comments, add a new reply, set status etc.

If the document contains link annotations then the Viewer control enables interactivity by supporting various actions like GOTO, Named and URI actions.

The Viewer control also supports inserting new sticky note annotation. Sticky note when closed, appears as an icon; when open, it displays a pop-up window containing the text of the note.

Related articles:

---o0O0o---

Our .NET Developer Tools
XtremeDocumentStudio .NET

Multi-format document-processing component suite for .NET developers.

PDFOne .NET

A .NET PDF component suite to create, edit, view, print, reorganize, encrypt, annotate, and bookmark PDF documents in .NET applications.

Our Delphi/C++Builder developer tools
XtremeDocumentStudio Delphi

Multi-format document-processing component suite for Delphi/C++Builder developers, covering both VCL and FireMonkey platforms.

eDocEngine VCL

A Delphi/C++Builder component suite for creating documents in over 20 formats and also export reports from popular Delphi reporting tools.

PDFtoolkit VCL

A Delphi/C++Builder component suite to edit, enhance, view, print, merge, split, encrypt, annotate, and bookmark PDF documents.

Our Java developer tools
XtremeDocumentStudio (for Java)

Multi-format document-processing component suite for Java developers.

PDFOne (for Java)

A Java PDF component suite to create, edit, view, print, reorganize, encrypt, annotate, bookmark PDF documents in Java applications.

Our Platform-Agnostic Cloud and On-Premises APIs
StarDocs

Cloud-hosted and On-Premises REST-based document-processing and document-viewing APIs

Privacy | Legal | Feedback | Newsletter | Blog | Resellers © 2002-2017 Gnostice Information Technologies Private Limited. All rights reserved.