Questions tagged [signaturepad]
164 questions
10
votes
2 answers
XF - SignaturePad show strokes only when the touch ends
I'm using SignaturePad with Xamarin.Forms and it works fine even on basic hardware devices, but I've struggled with a weird behavior with just one device: Samsung Galaxy Tab E 7.0 3G SM-T116 Tablet.
The problem is that the strokes on SignaturePad…

Diego Rafael Souza
- 5,241
- 3
- 23
- 62
9
votes
3 answers
Why doesn't vue-signature-pad work in a modal?
I am currently using the following library: https://www.npmjs.com/package/vue-signature-pad which has the following example: https://codesandbox.io/s/n5qjp3oqv4
I am applying it as the example, but I have it in a modal:

JG_GJ
- 755
- 1
- 10
- 33
7
votes
1 answer
Retrieve image from SignaturePadView with MVVM architecture
I'm developing a Xamarin.Forms application with Prism framework in a MVVM architecture. I need to collect the signature from the screen, so I decided to include the SignaturePad library. With NuGet I included Xamarin.Controls.SignaturePad and…

TeoVr81
- 989
- 15
- 33
6
votes
2 answers
How can I upload an image to S3 with rails' Active Storage from a in a rails form?
As stated in the title I'm trying to upload an image to my S3 bucket with rails' Active Storage from a element that is nested within a rails form.
So far I've been able to use
<%= f.input :signature, type: file_field(:user, :signature), %>
to…

Josh S
- 61
- 6
6
votes
4 answers
How to disable signaturePad (canvas) after ajax success
I am using this plugin.
My application submits signature with ajax call. On a succesful ajax return I want to disable any signature changes by user. The last thing I tried is a following, but the signature pad is still active and drawing lines…

vlr
- 780
- 4
- 16
- 33
5
votes
2 answers
signature pad in modal not working (ink is offset from mouse)
I am trying to use signaturepad in a bootstrap modal, I have a canvas in a div:
On init, I do (coffeescript):
canvas =…

user1130176
- 1,772
- 1
- 23
- 33
5
votes
3 answers
How can I do Signature Capture in React Native?
I'm trying to understand how I can do a signature capture in React Native. My App is created with create-react-native-app and Expo and I'd prefer to not have to eject the app to get this functionality to work.
Would it be possible to wrap something…

blueether
- 3,666
- 4
- 26
- 32
5
votes
3 answers
Failed to navigate: Template parse errors: Can't bind to 'options' since it isn't a known property of 'signature-pad'
I am trying to implement angular2 signature pad in my ionic 3 project i am getting error as above my question.
I am following this tutorial link. It is working fine in ionic2 but when i try in ionic 3 i am getting error like below
Failed to…

Mohan Gopi
- 7,606
- 17
- 66
- 117
5
votes
0 answers
jQuery Signature Pad: get JSON output using typed version
I've been using Thomas J. Bradley's jQuery Signature Pad plugin for capturing drawn signatures and it works well. What I'd like to do is also allow typed signatures as shown in demo but have it output the same data as a drawn signature (JSON…

Corie Slate
- 616
- 9
- 19
4
votes
0 answers
Rails - save image to active storage using signature_pad js / toDataUrl canvas method
I am creating images using signature pad (signature pad allows the user to draw or "sign" and creates an image of the signature for you).
Signature pad creates an image using the toDataURL() javascript method (see here).
I'm trying to attach this…

Clark Taylor
- 323
- 2
- 10
4
votes
1 answer
SignaturePad not defined - can not initialise signature_pad module into script
I'm having an issue using the npm module - signature_pad, and can't seem to get it set up. At the moment all I am using is vanilla HTML, CSS and JS. At the moment I keep getting an error saying: SignaturePad is not defined. I tried importing the…

Todd Drinkwater
- 379
- 6
- 17
4
votes
1 answer
Signature Pad - "Type It" not working
I am trying to use this(GitHub), Where my "Draw It" is working as expected but "Type It" functionality is not giving me any value in my inputHidden field.
Please, Refer the VF page code and Screenshot for more information :
Draw It
Type It
VF Page…

Salesforce Steps
- 173
- 1
- 2
- 13
3
votes
2 answers
React App crashes sometimes when opening react-signature-canvas
Sorry, I can't be very specific with the details of the problem as it only happens sometimes, and I haven't been able to recreate it, which means I have no clue where to start trying to fix it.
It appears to only happen on really cheap android…

Andrew Irwin
- 691
- 12
- 40
3
votes
0 answers
How can I set orientation to landscape in mobile REACT JS
I have a canvas in my project where you can draw a signature and save it. I'm using React JS and https://github.com/szimek/signature_pad which is great. But the problem i have is that i need to set the default orientation to landscape on mobile (I…

Facundo Diaz
- 31
- 3
3
votes
2 answers
functionality of onBegin() in SignaturePad / How to record the start of each stroke
I'm working with SignaturePad. (https://github.com/szimek/signature_pad)
According to the API, onBegin() is called at the start of a stroke, however it seems to only get called on page load
Example:
var pad = new SignaturePad (canvas, {
…

dward
- 31
- 4