83
Views
9
Comments
Solved
[eSignature For Reactive] [esignature for reactive] how to make complete signature pad sensitive
esignature-for-reactive
Reactive icon
Forge asset by Pravi Gupta
Application Type
Reactive

Hello everyone,

I am trying to save signature. using esignature for reactive forge component. if i am signing upper half of the signature pad and submit than its save successfully. If signing in lower half as mark in below image than signature not saved. i debugged and found Binary value for lower half of signature (if signing below to yellow line)is zero. 

anyone can help me how do i enable whole signature pad.

or suggest any other way .

your advice will be appreciated. 

Thanks .

2022-07-20 14-09-17
Ashutosh Soni
Solution

Hi Shashi,

I think you are using the "set signature(in the property of signature block)" value in your condition, please remove this value.


I have created Test_eSignature oml file for you and attaching here please check and let me know if this works for you.


Thanks & Regards,

Ashutosh

2021-11-14 02-45-20
Shashi Mishra

Thank you @Ashutosh Soni .

i think you forget to attach OML. But it works. 

Thank you so much.


2022-08-03 04-32-50
Ravi Punjwani

Hi Shashi,

I tried with the demo app of this component. From my observation, it seems the Modified event is not triggered sometimes. It works if you click on Submit Signature.

I found that the Modified event won't be triggered only if you lift the mouse-up outside the signature pad. If you're within the signature pad, it captures the Modified event all the time.

The submit event works in all cases regardless the user ended the mouse-up event outside or inside the signature pad.

The reason of this behaviour lies in the javascript code. The mouse-up event will be triggered only if it is still in the boundary of signature pad (which is css class "jSignature")

It however works as expected on mobile devices, did you try that out yet?

2021-11-14 02-45-20
Shashi Mishra

Thanks For Reply Ravi.


2024-05-20 09-45-12
Jean Bastos

Hi,

If you are still in trouble with it, I can recommend this one.

https://www.outsystems.com/forge/component-overview/1400/signature-pad

I'm using it in some apps and always works very good.

2021-11-14 02-45-20
Shashi Mishra

Thanks for suggestions.

2020-01-01 07-11-22
Pravi Gupta

Hi Shashi,
The component is working as expected. It is working on both events OnChange (which works on mouseup event, within the Signature pad) and OnClick of Submit Signature button.
You can check the below screenshots. Also, please refer to the sample application attached in the component for its implementation. 



2021-11-14 02-45-20
Shashi Mishra

Thanks for reply @Pravi Gupta 

i tried in my personal ,like you shared. Working fine. But place where i used signature pad its showing result like i shared. 

2022-07-20 14-09-17
Ashutosh Soni
Solution

Hi Shashi,

I think you are using the "set signature(in the property of signature block)" value in your condition, please remove this value.


I have created Test_eSignature oml file for you and attaching here please check and let me know if this works for you.


Thanks & Regards,

Ashutosh

2021-11-14 02-45-20
Shashi Mishra

Thank you @Ashutosh Soni .

i think you forget to attach OML. But it works. 

Thank you so much.


2021-11-14 02-45-20
Shashi Mishra

Thank you every one for helping me and giving valuable response.

Thanks 

Shashi Mishra

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.