cancel
Showing results for 
Search instead for 
Did you mean: 

Electronic Signature using SAPUI5?

saivellanki
Active Contributor
0 Kudos

Dear UI5 Gurus,

Can we Implement Electronic/Digital Signatures using SAPUI5? Consider a business scenario which might require this functionality for some sort of auditing purpose based on Production Order Confirmation/Updation.

Thank you in advance!

Regards,

Sai Vellanki.

Accepted Solutions (1)

Accepted Solutions (1)

ChandraMahajan
Active Contributor
0 Kudos

Hi Sai,

you can have look at Signature Pad · Thomas J Bradley and Signature Pad demo

Refer Capture Signature using HTML5 and iPad - Stack Overflow

with the help of mentioned libraries, you can achieve your requirement.

Meanwhile see this demo example JS Bin - Collaborative JavaScript Debugging</title> <link rel="icon" href="h...

Regards,

Chandra

saivellanki
Active Contributor
0 Kudos

Dear Chandrashekhar,

Thank you for your prompt response.

I will go through it fully and get back to you.

Regards,

Sai Vellanki

Former Member
0 Kudos

Hi Chandrashekhar,

This is very good link for electronic signature. I could integrate it easily.

I have few questions;  In signature lib <canvas> is used. Is there any control in SAPUI5 I can use for <canvas>. I have xml views, I am adding the canvas from js controller to <core:HTML id="signature" />.

This way <canvas> is not responsive.

If there is no alternative control in SAPUI5, Is there a control where I can place the canvas from controller which would make canvas responsive without additional coding?

Thanks,

Rashmi

andreas_kunz
Active Contributor
0 Kudos

Hi Rashmi,

not sure what you mean by "not responsive"... it should work fine.

A cleaner solution might be to create your own Canvas control, e.g. like this:

http://jsbin.com/nazusimafone/1/edit?html,output

Then it can also be re-used in different places.

Regards

Andreas

Former Member
0 Kudos

Hi Andreas,

I meant non-responsive i.e It's not being adaptive to different screen sizes like desktop/mobile/tablets.

Thanks,

Rashmi

andreas_kunz
Active Contributor
0 Kudos

Oh, ok, got it.

No there is no UI5 control offering a generic <canvas> which adapts to different sizes.

Well, what kind of responsiveness would you like to achieve? You can start from the example I gave to create your own. One tricky thing with canvas is that it has two different sizes: the painting area size in pixes and the visible element size in the page. So while you could set the css size to 100% width, the horizontal number of pixels in the painting area will be a fixed one and resizing the window will stretch/compress these pixels.

So I guess for a really good solution you'd keep track of all drawn stuff in a separate layer and scale/redraw once the size of the canvas changes significantly. Also keep the aspect ratio stable to avoid distortions.

Regards

Andreas

preetamr
Explorer
0 Kudos

This message was moderated.

Answers (1)

Answers (1)

Former Member
0 Kudos

This message was moderated.