Overview

The SignPad Widget enables developers to easily capture handwritten signatures within Mendix Native mobile applications. Many enterprise workflows require a user’s signature for confirmation, authorization, or proof of completion. Implementing signature capture from scratch can be complex and often requires integrating external libraries or custom code. The SignPad Widget simplifies this process by providing a ready-to-use, touch-optimized signature canvas that integrates seamlessly with the Mendix platform.

The widget provides a smooth whiteboard-style drawing canvas designed specifically for mobile devices, allowing users to sign directly on their screen using touch input. Once the signature is captured, the widget automatically converts it into a Base64 encoded PNG image, which can be stored directly in Mendix entity attributes. This allows developers to easily save, process, or transmit signatures as part of their application workflows.

To support flexible UI design, the widget includes configurable canvas dimensions, allowing developers to adjust the height and width of the signature area based on their page layout or screen size requirements. This ensures the component fits seamlessly within different mobile page structures.

The widget also supports direct attribute binding, enabling signatures to be stored directly in Mendix data models without requiring additional processing. Developers can trigger Microflows or Nanoflows when a signature is captured, making it easy to automate business logic such as saving records, triggering notifications, or advancing workflow steps.

A clear signature control is also included, allowing the canvas to be reset programmatically or by user action when a signature needs to be redrawn.

Common Use Cases

• Delivery Confirmation Applications – Capture customer signatures upon package delivery.

• Field Service Applications – Allow technicians or customers to sign off on completed work.

• Contract and Agreement Approval – Collect signatures for digital agreements within mobile apps.

• Healthcare Consent Forms – Capture patient consent directly within healthcare applications.

• Inspection and Compliance Apps – Record supervisor or client approval after inspections.

By providing an intuitive signature capture experience combined with seamless Mendix integration, the SignPad Widget helps developers quickly add secure and reliable signature functionality to their Native mobile applications without complex development effort.

Documentation

SignPad Widget for Mendix – Release Notes

Version 1.0.0 – Initial Release

Overview

The Signature Widget enables users to capture handwritten signatures directly within Mendix Native mobile applications. It provides a smooth whiteboard-style drawing canvas optimized for touch devices and automatically converts the captured signature into a Base64 PNG format that can be stored in Mendix entities.

This widget simplifies the implementation of signature capture functionality and eliminates the need for complex custom integrations with external libraries.

New Features

• • Signature Capture Canvas
  • Provides a whiteboard-style canvas for capturing handwritten signatures.
  • Optimized for touch-based input on mobile devices.
  • Base64 Signature Conversion
  • Automatically converts the captured signature into Base64 PNG format.
  • Allows easy storage within Mendix entity attributes.
  • Direct Attribute Binding
  • Supports binding the signature output directly to Mendix String attributes.
  • On-Change Event Trigger
  • Executes a Mendix microflow or nanoflow immediately after a signature is captured.
  • Clear Signature Control
  • Includes a configurable Boolean attribute that allows the canvas to be cleared programmatically.
  • Responsive UI
  • Works smoothly across different mobile screen sizes.
• Configurable Canvas Dimensions
• The signature canvas now supports configurable Height and Width properties.
• Developers can easily adjust the canvas size based on their page layout or UI requirements.
• This flexibility allows better integration within different Mendix page structures and improves usability across various screen sizes.

Improvements

• • Optimized touch response for smoother drawing experience.
  • Improved signature rendering performance on mobile devices.
  • Reduced canvas redraw latency during rapid strokes.

Technical Details

• • Built using the Mendix Native Pluggable Widget framework.
  • Developed with React Native and TypeScript.
  • Uses a canvas-based drawing interface optimized for mobile touch input.
  • Converts drawing data into Base64 encoded PNG images.
  • Supports integration with Mendix Microflows and Nanoflows.

Installation

1. 1. Download the Signature Widget from the Mendix Marketplace.
   2. Import the widget module into your Mendix application.
   3. Place the Signature Widget on a Native page.
   4. Bind the signature output attribute to a String attribute in your entity.
   5. configure the boolean attribute for signature
   6. Configure optional events such as On Signature Change.

Compatibility