| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 382 |
| Technical Name |
hst_signature_pad |
| License | LGPL-3 |
| Website | https://www.hsxtech.net |
| Versions | 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 382 |
| Technical Name |
hst_signature_pad |
| License | LGPL-3 |
| Website | https://www.hsxtech.net |
| Versions | 18.0 19.0 |
Advanced Signature Pad Widget
Description
Community + Enterprise
An enhanced signature pad widget for Odoo that replaces the default signature dialog with a powerful inline canvas directly on the form view. Draw signatures with customizable pen colors and thickness, undo strokes step-by-step, and lock the field after signing. Touch-optimized for phones and tablets — perfect for delivery confirmations, sales agreements, employee onboarding, expense approvals, and any workflow that requires a handwritten signature.
Use widget="hst_signature" on any Binary field in any model to instantly add a professional signature pad. Works out of the box on Contacts with a pre-installed "Signature" tab. No extra dependencies — depends only on the web module.
Features
- → Signature pad renders directly on the form view, no popup dialog needed
- → Choose between Black, Blue, and Red pen colors with visual color dots
- → Select Thin, Medium, or Bold stroke width from a dropdown
- → Step-by-step undo of individual strokes, not just clear all
- → Reset the entire signature canvas with one click
- → Explicitly save the signature to the record as a base64 PNG image
- → Optional: field becomes readonly after saving signature (configurable via options)
- → Smooth drawing with finger on phones, tablets, and touchscreens
- → Visual placeholder text that disappears when drawing starts
- → Green "Signature saved" badge appears after saving
- → Shows saved signature as an image when the field is readonly
- → Add widget="hst_signature" to any Binary field on any model
- → A "Signature" tab is automatically added to the Contact form for demo
- → Set default pen color, pen size, canvas height, and lock behavior via XML options
- → Anti-aliased drawing with rounded line caps for natural-looking signatures
- → No external libraries, uses native HTML5 Canvas API
Widget Options
| Option | Type | Default | Description |
|---|---|---|---|
| height | Number | 200 | Canvas height in pixels |
| pen_color | String | #000000 | Default pen color (any hex color) |
| pen_size | Number | 2.5 | Default stroke thickness (1.5 / 2.5 / 4) |
| lock_after_sign | Boolean | false | Make field readonly after saving signature |
Screenshots
Signature Pad Widget on Contact Form
Please log in to comment on this module