The DocumentViewer that is available for ASP.NET, ASP.NET Core and Angular can be used to request signatures from multiple users. These documents can be prepared using the TX Text Control document editor by adding TextFrames TX Text Control .NET Server for ASP.NET
JavaScript API
TextFrame Object
The TextFrame object represents a rectangle that can be filled with text by an end-user and can be edited like the main text.
with a dedicated name (signature box).

Creating the Template

Using the document editor, insert a text frame at the desired location:

Creating documents with TX Text Control

Select the text frame and set a name for example to txsign:

Creating documents with TX Text Control

Setting Up the DocumentViewer

Create an Angular application using the DocumentViewer as described in our documentation:

DocumentViewer for Angular

In the app.component.html, define the signatureSettings:


The various settings are explained in the documentation.

Essentially, you define a signer name, a unique document envelope ID and the signature box name that should match your text frame name (txsign). If your document you loaded through the documentData attribute contains signature boxes, the signature request process will be started automatically.

Loading the Document using JavaScript

In a typical Angular workflow, you would initiate the document viewer without loading a document. The document is then loaded dynamically using JavaScript by passing the signatureSettings object as a parameter in the loadDocument method.

In the app.component.html, an input form element is added to load a local document (for demo purposes):


In the app.component.ts, call the custom JavaScript method readDocument to load the document:


The readDocument JavaScript method loads the document, sets the document name and is passing a signatureSettings object to the loadDocument method as an attribute:


After loading the document, the signing process is started automatically:

Creating documents with TX Text Control

Test this on your own and create your trial access token today.