Products Technologies Demo Docs Blog Support Company

DocumentViewer Pre-Release: UI Improvements and Events

We published another pre-release version of the TX Text Control DocumentViewer that includes UI improvements and event handling for specific events. This article gives an overview of the latest additions.

DocumentViewer Pre-Release: UI Improvements and Events

We just published a new pre-release version of the TX Text Control DocumentViewer to NuGet:

https://www.nuget.org/packages/TXTextControl.Web.DocumentViewer/29.0.307.500-beta

You can install this version directly using the NuGet Package Manager:

Install-Package TXTextControl.Web.DocumentViewer -Version 29.0.307.500-beta

This new release comes with UI improvements such as an annotation object context toolbar and resizable sidebars.

UI Improvements

The following screen video shows the UI improvements including the resizable sidebars and the contextual annotation toolbars to add comments and to remove annotations.

UI improvements

Event Handling

The DocumentViewer received a new JavaScript method addEventListener to attach events. Currently supported events are:

  • annotationsChanged
  • signaturesCompleted

The events can be attached as shown in the following code snippet:

window.addEventListener("documentViewerLoaded", function () {
    TXDocumentViewer.addEventListener("signaturesCompleted", function () {
        console.log("All signature areas completed!");
    });
});

In previous versions, the signature boxes were only available when the property ShowSignatureBar has been set to true. Now, the signatures boxes are available, in case a document is loaded with signature boxes included. The signature bar is not shown, if the ShowSignatureBar is set to false. In this case, the signature process can be started by clicking on one of the signature boxes or programmatically by calling the startSigningProcess method.

TXDocumentViewer.signatures.startSigningProcess()

In case all signature boxes have been signed and completed by the end-user, the event signaturesCompleted is fired and can be used to submit the document programmatically:

TXDocumentViewer.addEventListener("signaturesCompleted", function () {
    TXDocumentViewer.signatures.submit();
});

Live Demo

You can test this new version in our live demos that has been already updated with the latest package version.

Live Demo

Stay in the loop!

Subscribe to the newsletter to receive the latest updates.

Related Posts

AngularASP.NETDocumentViewer

DocumentViewer: Deploying Forms

This sample shows how to deploy a form with form fields using the DocumentViewer in order to collect the completed data.


ASP.NETASP.NET CoreDS Server

Introducing DS Server 4.0: Linux-Ready and Container-Friendly

We are excited to announce the release of DS Server 4.0, our latest major update that makes your document processing workflows more flexible and powerful. This release marks two significant…


ASP.NETDS ServerRelease

DS Server 3.5.0 Released

We are pleased to announce the immediate availability of DS Server 3.5.0. Version 3.5.0 is based on the latest TX Text Control release 32.0 SP4 and provides access to updated functionality and bug…


ASP.NETDS ServerRelease

DS Server 3.3.0 Released

We are pleased to announce the immediate availability of DS Server 3.3.0. Version 3.3.0 is based on the latest TX Text Control release 32.0 SP2 and provides access to updated functionality and bug…


ASP.NETDS ServerRelease

DS Server 3.2.0 Released

We are pleased to announce the immediate availability of DS Server 3.2.0. Version 3.2.0 is based on the latest TX Text Control release 32.0 and provides access to new features of the Document…