Widget signature plugin

Plugin download

Position of the widget in the designer and appearance of the element in the form.

Example of an inserted signature in a form. The red minus button in the upper right corner can be used to delete an inserted signature.

The plugin provides a new input element in the designer and allows drawing with the mouse in a designated area and is intended as a digital signature field. 

Functional description

The use of this element is particularly useful in combination with a touch screen or electronic pen input. After drawing the signature, the element generates an image file which is sent to the server as Base64 encoded text with the form.


The plugin can be installed as client plugin or system plugin. Instructions for installing plugins can be found here.

Used CSS classes

The element uses the following CSS classes:

  • Signature element: .XSignature
  • Container of the signature element: .CXSignature

Version history


  • Fixes: Partial fix for redisplay of dynamic signatures


  • Fixes: Change event is now triggered upon change


  • Fixes: Validation and image errors


  • Feature: Stroke color is now configurable in the designer
  • Feature: Background image for the signature area is now configurable in the designer


  • Internal version


  • Fixes: Initialize signature widgets on all pages before printing. Signatures on pages initially not visible were sometimes missing in the printed PDF document. The fix requires FORMCYCLE 7.0.10+ and the print service 1.3.4+, but this plugin works with older versions.


  • Fixes: Display error in form designer


  • Fixes: Disable drawing in disabled signature field. Remove the delete button. Prevent Drag & Drop.


  • Feature: Widget is now usable in condition properties in form desginer


  • Fixes: Set new attribute data-name on the hidden textarea


  • Fixes: Fix validation, add missing attribute validate-blur and data-force-validation


  • Initial release for Xima┬« Formcycle version 7.