← Back

signature-widget

Create and use smooth signatures for Vaadin 14 & 23

Author

Rating

Popularity

500+

Signature Pad is a JavaScript library for drawing smooth signatures. Now you are able to create and use signatures in your Vaadin 14 & 23 Project with this custom add-on.

Example

Documentation

docs.f0rce.de/signature

Issues / Feature request

GitHub

License

MIT License

Sample code

SignaturePad signature = new SignaturePad();
signature.setHeight("150px");
signature.setWidth("300px");
signature.setBackgroundColor(0, 0, 0, 0);
signature.setPenColor("#000000");

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

3.1.0 (2023-02-27)

Changelog

If you find this component usefull, I would really appreciate a rating here or a star on the GitHub Repository.

For Issues and Feature Requests please visit signature-widget/issues on GitHub.

Released: 2023-02-27
Maturity: STABLE
License: MIT License

Compatibility

Framework: Vaadin 23; Vaadin 14 in 2.0.0
Browser: Firefox; Opera; Safari; Google Chrome; iOS Browser; Android Browser; Windows Phone; Microsoft Edge

signature-widget - Vaadin Add-on Directory

Create and use smooth signatures for Vaadin 14 & 23

# Signature Widget [Signature Pad](https://github.com/szimek/signature_pad) is a JavaScript library for drawing smooth signatures. Now you are able to create and use signatures in **your** Vaadin 14 & 23 Project with this custom add-on. ![Example](https://f.cloud.github.com/assets/9873/268046/9ced3454-8efc-11e2-816e-a9b170a51004.png) ## Documentation [docs.f0rce.de/signature](https://docs.f0rce.de/signature) ## Issues / Feature request [GitHub](https://github.com/F0rce/signature-widget/issues) ## License [MIT License](https://github.com/F0rce/signature-widget/blob/master/LICENSE)

Documentation
View on GitHub

signature-widget version 2.0.0
# Version 2.0.0 - Frontend uses now Lit-Element instead of Polymer 3 - added `isEmpty()` method to check if the signature is blank or not - implemented interface `hasSize` - added `setTransparentBackground()` to set the background transparent easily

signature-widget version 2.0.1
# 2.0.1 [Full Changelog](https://github.com/F0rce/signature-widget/commit/bdabc815fd30d0f712d602b47167fa7de1166499) Java Backend: - Fixed the setBackgroundColor (with alpha) method, as it was settings RGB instead of RGBA

signature-widget version 2.0.2
### 2.0.2 (2022-04-13) ## [Changelog](https://github.com/F0rce/signature-widget/releases/tag/v2.0.2) If you find this component usefull, I would really appreciate a rating here or a star on the [GitHub Repository](https://github.com/F0rce/signature-widget). For Issues and Feature Requests please visit [signature-widget/issues](https://github.com/F0rce/signature-widget/issues) on GitHub.

signature-widget version 3.0.0
### 3.0.0 (2022-04-13) ## [Changelog](https://github.com/F0rce/signature-widget/releases/tag/v3.0.0) - Built for Vaadin 23 - Requires Java 11 If you find this component usefull, I would really appreciate a rating here or a star on the [GitHub Repository](https://github.com/F0rce/signature-widget). For Issues and Feature Requests please visit [signature-widget/issues](https://github.com/F0rce/signature-widget/issues) on GitHub.

signature-widget version 3.1.0
### 3.1.0 (2023-02-27) ## [Changelog](https://github.com/F0rce/signature-widget/releases/tag/v3.1.0) If you find this component usefull, I would really appreciate a rating here or a star on the [GitHub Repository](https://github.com/F0rce/signature-widget). For Issues and Feature Requests please visit [signature-widget/issues](https://github.com/F0rce/signature-widget/issues) on GitHub.

Directory