Signatures

The Document Viewer allows users to sign any supported document type by drawing, typing, or uploading signature images. The images are then merged into the signature fields and digitally signed using an electronic certificate.

Learn More

This getting started tutorial shows how to electronically sign documents using the Document Viewer and how to digitally sign the signed signature fields server-side.

Digitally Sign Signature Fields with PFX Certificates

The following screenshot shows the Document Viewer signature soft pad, which provides this out-of-the-box functionality for capturing user signatures.

By default, typical fonts that are available on all platforms, browsers, and devices will be enabled.

Importing Fonts

However, you are able to specify any fonts that you want for this process. The Document Viewer will automatically use any loaded web fonts that have been added to your html using a in the head of your html or by using the @import method.

For example, if you wanted to use the Pacifico font from Google Fonts, you could use the following stylesheet:

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap'); As an alternative, you can also add the links to the header of your html page:

Default Font

To set a default font that is automatically selected in the signature softpad, you can use the DefaultSignatureFont property of the &#9584; TX Text Control .NET Server &#9584; Web.MVC.DocumentViewer Namespace &#9584; SignatureSettings Class The SignatureSettings class describes the settings that are required for a document signing process using the DocumentViewer. " data-tippy-interactive="true" data-tippy-placement="bottom" data-tooltip-width="wide"

>Signature Settings class while creating a Document Viewer instance.

The following code shows how to set the font in ASP.NET Razor code:

@Html.TXTextControl().DocumentViewer(settings => { settings.DocumentPath = "documents/signme.tx"; settings.Dock = DocumentViewerSettings.DockStyle.Fill; settings.SignatureSettings.DefaultSignatureFont = new SignatureFontSettings() { Family = "Pacifico", }; }).Render() The following code shows how to set the default font in a React application:

In Angular, the default font would be set as shown in the following code:

Conclusion

By using custom fonts, you can provide a unique look and feel to the signature soft pad in the Document Viewer. This article showed how to use custom fonts for the signature appearance and how to import CSS fonts from Google Fonts.

TX Text Control .NET Server

DS Server

Server & Web

Windows Forms

WPF

ActiveX

Core Technologies

Blog

Core Technologies

Blog

Authors

Latest Posts

Support Resources

Documentation

Support

Getting Started

Other Resources

About Us

Industry events

Company

Contact

Newsletter

Legal

Sign in

Create account

Text Control Account

Signatures

Post tagged with Signatures in 2024

Server & Web

Windows Forms

WPF

ActiveX

Core Technologies

​

Latest Posts

​

Support

Getting Started

​

Other Resources

Company

Contact

Newsletter

Legal

Text Control Account

​

​

Signatures

Post tagged with Signatures in 2024 ​

March 2024

Post tagged with Signatures in 2024