Browser Extension Guide

Introduction

Draw To Sign Browser Extension enables supported HTML5 web applications to receive signatures directly from a compatible electronic signature pad.

Use this guide to install, configure, and use the Browser Extension with Draw To Sign.

How to Use

Prerequisites

Before using the Browser Extension, ensure:

  1. Draw To Sign is installed.
  2. The signature pad driver is installed.
  3. The signature pad is connected.
  4. Draw To Sign is running.
  5. The status shows StepOver Connected.

Draw To Sign currently supports Topaz and StepOver signature pads. Ensure the appropriate driver is installed before proceeding.

Install Browser Extension

  1. Open Google Chrome.
  2. Navigate to chrome://extensions.
  3. Enable Developer mode.
  4. Click Load unpacked.
  5. Select the Draw To Sign Browser Extension folder.
  6. Ensure the extension is enabled.

Configure Draw To Sign 

  1. Right-click the Draw To Sign tray icon.
  2. Select Settings.
  3. Under Signature Field Selection, select Browser Extension.
  4. Click OK.

Browser Extension Settings

 

 

Server Port

Specifies the local communication port used between Draw To Sign and the Browser Extension.

The default value is 5000 and should match the Draw To Sign configuration.

 

Show Red Borders

Displays red borders around all detected signature canvases.

 

Show Green Overlay

Highlights the currently selected signature canvas.

 

Show Clear Button

Displays a Clear button for supported signature canvases.

 

Drawing Area Percentage

Controls the percentage of the detected signature canvas used for signing.

 

Signing Using Browser Extension  

  1. Ensure Draw To Sign is running.
  2. Select Browser Extension mode.
  3. Open a supported web application containing a signature field.
  4. Click the required signature field.
  5. Verify the green overlay appears.
  6. Sign using the electronic signature pad.

Troubleshooting

 

Browser Extension cannot detect the signature field

  • Refresh the web page.
  • Ensure Browser Extension mode is selected.
  • Verify Draw To Sign is running.

Red borders appear but no signature

  • Click the required signature field.
  • Verify the green overlay appears.
  • Verify the signature pad is connected.

No signature appears

  • Verify the Browser Extension is enabled.
  • Ensure the Server Port matches the Draw To Sign configuration.
  • Refresh the web page after changing settings.

Visual indicators appear on unrelated web pages

The Browser Extension may detect HTML5 canvas elements that are not intended for signing.

Temporarily disable the Browser Extension when it is not required.

Related Documentation

For information about licensing, supported signature pads, and general Draw To Sign settings, refer to the Draw To Sign Guide.

Video Summary

This video demonstrates how to use the Draw To Sign Browser Extension for signing documents directly within supported web-based applications.

The guide covers:

  1. Installing and enabling the Draw To Sign Browser Extension
  2. Connecting the signature pad and ensuring Draw To Sign is running correctly
  3. Configuring the Browser Extension signing mode
  4. Selecting the signature field in a web application
  5. Performing a natural handwritten signature using the electronic signature pad
  6. Verifying that the signature is captured correctly within the browser application