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 .
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
Thank you @Ashutosh Soni .
i think you forget to attach OML. But it works.
Thank you so much.
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?
Thanks For Reply Ravi.
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.
Thanks for suggestions.
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.
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.
Thank you every one for helping me and giving valuable response.
Thanks
Shashi Mishra