Signature capture with mouse

[MWM]

Is there a Telerik control or does anyone know how to capture a signature in the web browser allowing the user to "draw" it and the submit/save it?  In C#?

[Daniel]

Hello Mark,

I'm afraid we don't have a control implementing these features. You can find more information about the available controls here:
ASP.NET AJAX Components Overview

Also, you can find specific information about each control in our documentation: Product Documentation


Kind Regards,
Daniel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Venkat]

I am also looking for asp.net signature capture control, any update on this?

[Ivo]

Hello Venkat,

This has been logged in our ToDo list and if more people show interest in something similar we will definitely research and implement.

Best wishes,
Ivo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Iurii]

Count me in too for both WPF and ASP.net

[Edward Lin]

Digital signature control is becoming high demanding in field service and health care related industories. If Telerik can support this control, it will be big plus!

[Sebastian]

Thank you for the feedback, guys. I will pass it to our developers to be conferred further.

Best regards,
Sebastian
the Telerik team

[JC]

Really wish you had this already, I'm about to try and write one. 

Ideally it needs to be compatible with all major desktop browsers however it really needs to also be compatible with mobile browsers such as smart phones, iPhone, iPad, Android, etc.  Basically anything mobile with a touch sensitive screen or pointing device.

There are commercial controls with purport to be compatible with those devices and it appears they use the jquery javascript for mobile devices so it's doable.

[Landon]

I'd be very interested in this feature also. The company I work for is looking to go completely digital and this feature would help save ~1000 Work-Tickets/Invoices per day. 

I understand that these things take time, but is there any chance on getting a possible ETA on this feature?

Regards,

Landon

[Sebastian]

Hi Landon,

We still do not have plans for signature capture control in the near future. However, we will be interested to know whether you will find such a component useful primarily on mobile devices (as Joyce appointed) or it is utilizable in other web scenarios, too. Your comments are appreciated.

Kind regards,
Sebastian
the Telerik team

[Landon]

Sebastian,

In my case it would be generally used in a Tablet/Mobile scenario. However, this will only be the first phase of our paperless conversion, so I can't exactly say that we wouldn't be able to use it in a Workstation Application also. In fact, this feature could greatly improve the way my company currently approves Documents and Time sheets in our CMS which already relies (heavily) on Telerik Controls.

With the rise in Tablet/Mobile computing I believe that this Control would not go unnoticed by the users of your already astounding set of Controls... Just my 2 cents!

Regards,

Landon

[JohnC]

We could not wait any longer and opted to roll our own.  With HTML 5 supported on most browsers now it was very easy to make this using the Canvas element and a touch of JQuery to ensure touch support.  Works fine and is in production.

[Sebastian]

Hello guys,

Thank you very much for the valuable feedback! I will forward it to our devteam to be taken into consideration when we contemplate our future development plans. I updated your Telerik points for sharing this info with us.

Best regards,
Sebastian
the Telerik team

[Shane Clay]

We need this too!

We are developing an application which will have a section used on iPads and other mobile devices. We need to collect customers signatures.

There are numerous examples out there that are available commercially, but we would prefer to stick with a brand we know.

It looks as though we will have to develop our own using the HTML5 canvas element, some jQuery and AJAX.

I really hope that this is being actively considered for a near release by Telerik. It is becoming an incredibly important thing that is letting the Telerik controls down.

John - I don't suppose you would be interested in sharing some of your insight on how you did this?

[MWM]

Glad to see additional interest being expressed in this thread, nearly three years later.  The good news is that Telerik will "definitely research and implement" now that there is further interest.  Perhaps we'll see something soon....

[JohnC]

John - I don't suppose you would be interested in sharing some of your insight on how you did this?
Search google for "html5 signature canvas" and you'll see plenty of examples.  It's almost redundant for Telerik to do it now. :)

[Shane Clay]

Hey John,

Thanks for the reply. Getting the canvas up and running so users can sign away isn't too much of a challenge.

What we aren't sure about yet is how to post that information back to the server side ASP.NET scripts so it can be saved as a jpeg. Most content on the web seems to be PHP based.

[JohnC]

You don't save them as a Jpeg, you save them as a vector.  Saving bitmaps of the signatures would be hugely wasteful.
It's just a form post back like any other with a hidden variable containing the vector co-ordinates.

[Landon]

Hey Guys,

Good to see some more interest on this subject.

Rather than fiddling with HTML5 and the canvas element I've been looking into using Real Signature (www.realsignature.com). It's an ASP.NET Control and it's free to use in a Testing/Development environment. It seems like it should do the trick, and since it's an ASP.NET control I can't see why you would have a problem with saving the Data to a specific location or a database.   

I haven't quite gotten to the signature capture of my current project yet but I am planning on trying it out. It seems to be a fairly cheap solution the problem if you plan on using it in a commercial environment.

Good luck with your development and hopefully Telerik's ears a perking up on this topic! :)

Best Regards,

Landon

[Shane Clay]

I've looked at RealSignature. Wasn't a big fan.
Given how easy the canvas control makes it we are just going to go ahead with implementing it ourselves.

Just seems a shame that something so simple isn't included in the Telerik kit.

[JohnC]

Realsignature pricing is insane if you want to distribute an app that supports signature.  If you have a single domain type license maybe it makes sense but in the end it's easy to write your own and you control all aspects of it.

[Shane Clay]

I agree. This stuff is all a bit new to me, I mainly understand PHPs way of doing this stuff. My thoughts are, that because the canvas is not an asp control, it does not post back the data? Therefore, declare a hidden field on the page, and use JavaScript and the canvas .todataurl method the store that data in the hidden field before the post back happens. Is that how you went about it?

[JohnC]

No the Canvas is just something do draw on, it isn't involved in gathering the data or anything, it's just to display it.  The Javascript uses mousemove and / or Touchmove events to gather  the stroke information and provides it as an arrray of xy points in an array.  JQuery makes the support for touch events easy so you can support IPad / IPhone etc as well as other devices.

In some applications it's also appropriate to capture a timestamp on each point so you can actually re-draw the signature exactly as the person signed it as further proof that it's theres.

Also you need to handle a little bit of smoothing etc or it looks bad.  See the info that comes up in the search for more info.

[Sebastian]

Hi guys,

Thanks for the detailed comments. We are listening to the feedback you share with us and will have it in mind for the future releases of our components.

Best regards,
Sebastian
the Telerik team

[Jim]

Add me to the list to request this feature.

[Robert Fuess]

Not everything needs a Telerik control... though they do have a wonderful selection.

The simplest way (like mentioned above) is to capture a signature is to use an HTML5 canvas - and save that to an image.

Here is an example:  http://thomasjbradley.ca/lab/signature-pad/accept/   and they show code too!

Of course the biggest drawback is browser support:  http://caniuse.com/canvas  Consider this.  Otherwise you may consider building some sort of flash/shockwave/java applet wigit to do this if you are using a non-supported browser.

[Jason]

Count me in for ASP.Net

[SwanB]

Any progress in development of the Signature control ?

 

[Rumen]

Hi,

I would like to inform you that we do not plan to create a Signature control in the near future as noted here.

Best regards,
Rumen
Telerik

[Srinivas]

Hi Chris,

I think ASP.NET signature capture control is required for my web site developments and hope you add this feature ASAP or next release.

 

Thanks!

[Srinivas]

Hi Rumen,

Newer generation web site and application using Tablets so hope you add Signature capture control sooner.

 

Thank you!

[Srinivas]

Hi Rumen,

Newer generation websites and touch screen monitors using so add web signature capture and display control sooner that will help for easy development.

Thank you!

[Rumen]

Hi Srinivas,

Thank you for sharing this important use cases! That's much appreciated.

The demand for a signature component is still not high (see and please vote here) and it is still not in our intermediate plans for implementation, but you can take a look at our RadImageEditor's drawing functionality and see whether it will suit your needs:
http://demos.telerik.com/aspnet-ajax/imageeditor/examples/drawing/defaultcs.aspx.

Another UI widget with MIT License license is jSignature. A demo of which is available in this Kendo UI article: Use jSignature.


Best regards,
Rumen
Progress Telerik