This is a migrated thread and some comments may be shown as answers.

Signature capture with mouse

32 Answers 383 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
MWM
Top achievements
Rank 1
MWM asked on 11 Jul 2008, 05:37 AM
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#?

32 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 11 Jul 2008, 02:41 PM
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
0
Venkat
Top achievements
Rank 1
answered on 19 Sep 2009, 04:05 AM
I am also looking for asp.net signature capture control, any update on this?
0
Ivo
Telerik team
answered on 21 Sep 2009, 08:03 AM
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.
0
Iurii
Top achievements
Rank 1
answered on 19 Oct 2009, 07:10 PM
Count me in too for both WPF and ASP.net
0
Edward Lin
Top achievements
Rank 1
answered on 03 Nov 2010, 09:20 PM
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!
0
Sebastian
Telerik team
answered on 04 Nov 2010, 09:32 AM
Thank you for the feedback, guys. I will pass it to our developers to be conferred further.

Best regards,
Sebastian
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
JC
Top achievements
Rank 1
answered on 12 Nov 2010, 07:08 PM
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.
0
Landon
Top achievements
Rank 2
answered on 04 Apr 2011, 04:24 PM
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
0
Sebastian
Telerik team
answered on 04 Apr 2011, 04:54 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Landon
Top achievements
Rank 2
answered on 04 Apr 2011, 05:19 PM
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
0
JohnC
Top achievements
Rank 1
answered on 04 Apr 2011, 05:25 PM
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.
0
Sebastian
Telerik team
answered on 07 Apr 2011, 08:36 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Shane Clay
Top achievements
Rank 1
answered on 14 Apr 2011, 05:12 PM
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?
0
MWM
Top achievements
Rank 1
answered on 14 Apr 2011, 05:19 PM
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....
0
JohnC
Top achievements
Rank 1
answered on 14 Apr 2011, 05:35 PM
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. :)
0
Shane Clay
Top achievements
Rank 1
answered on 14 Apr 2011, 05:39 PM
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.
0
JohnC
Top achievements
Rank 1
answered on 14 Apr 2011, 05:46 PM
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.
0
Landon
Top achievements
Rank 2
answered on 14 Apr 2011, 05:46 PM
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
0
Shane Clay
Top achievements
Rank 1
answered on 14 Apr 2011, 05:50 PM
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.
0
JohnC
Top achievements
Rank 1
answered on 14 Apr 2011, 06:08 PM
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.
0
Shane Clay
Top achievements
Rank 1
answered on 14 Apr 2011, 06:20 PM
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?
0
JohnC
Top achievements
Rank 1
answered on 14 Apr 2011, 10:13 PM
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.
0
Sebastian
Telerik team
answered on 20 Apr 2011, 08:10 AM
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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Jim
Top achievements
Rank 1
answered on 30 Aug 2012, 02:47 PM
Add me to the list to request this feature.
0
Robert Fuess
Top achievements
Rank 1
answered on 22 Feb 2013, 07:26 AM
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.
0
Jason
Top achievements
Rank 1
answered on 12 Jun 2014, 06:41 PM
Count me in for ASP.Net
0
SwanB
Top achievements
Rank 1
answered on 03 Sep 2015, 12:12 PM

Any progress in development of the Signature control ?

 

0
Rumen
Telerik team
answered on 03 Sep 2015, 12:33 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Srinivas
Top achievements
Rank 1
answered on 13 Feb 2019, 09:25 PM

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!

0
Srinivas
Top achievements
Rank 1
answered on 13 Feb 2019, 09:28 PM

Hi Rumen,

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

 

Thank you!

0
Srinivas
Top achievements
Rank 1
answered on 13 Feb 2019, 09:32 PM

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!

0
Rumen
Telerik team
answered on 14 Feb 2019, 09:42 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
MWM
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Venkat
Top achievements
Rank 1
Ivo
Telerik team
Iurii
Top achievements
Rank 1
Edward Lin
Top achievements
Rank 1
Sebastian
Telerik team
JC
Top achievements
Rank 1
Landon
Top achievements
Rank 2
JohnC
Top achievements
Rank 1
Shane Clay
Top achievements
Rank 1
MWM
Top achievements
Rank 1
Jim
Top achievements
Rank 1
Robert Fuess
Top achievements
Rank 1
Jason
Top achievements
Rank 1
SwanB
Top achievements
Rank 1
Rumen
Telerik team
Srinivas
Top achievements
Rank 1
Share this question
or