Similar to our WYSIWYG editor code base we have created the ability to add in Signature Capture fields in Sage CRM screens.
When implemented we see the following
- Edit Mode – Empty state
![](https://crmtogether.com/wp-content/uploads/2019/05/case_sig_editmode1.png)
- Before Save – the user signs
![](https://crmtogether.com/wp-content/uploads/2019/05/case_sig_editmode2.png)
- View Mode – You see the signature on the screen
![](https://crmtogether.com/wp-content/uploads/2019/05/case_sig_viewmode.png)
- SQL data -The data is stored as base64 data
![](https://crmtogether.com/wp-content/uploads/2019/05/case_sig_data.png)
The code base is on GIT and available at
https://github.com/crmtogether/CRMSignature
We use the amazing Signature pad code (also open source) to achieve this
https://github.com/szimek/signature_pad