Monday, October 21, 2013

ADF Mobile - Integrating Signature Capture

This article provide an example of how to write a custom user control to collect and store of an Electronic Signature created on a Android devices using stylus or a finger on the touch screen. 

I have integrated the SignaturePad jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON format in SQLite database for later regeneration.

Application screen looks like below when it deployed and run on Android Device/Emulator. Displays the Employee list on the screen.

Clicking on any employee will take you to the selected Employee details page, click on View Signature button will open up the popup, there is no signature since database doesn't have signature value for this employee.

Next click on the Edit button will navigate to the Employee details page, clicking on Capture Signature button will open up the popup and Signature Pad jQuery plugin will transform an HTML form into a signature pad. User can use stylus or a finger on the touch screen to do signature and click the Save button to save the signature value(JSON format) in SQLite database.

I wasn't able to draw signature of King properly in android emulator :). Save button will navigate back to Employee details and recorded signature value in database will be used to regenerate the signature on Signature Pad.

You can download the sample workspace from here.
[Runs with Oracle JDeveloper]

In this sample application I'm storing the signature value into database, even we can store captured signature value as Image format.  For more information and option visit Signature Pad.


  1. Digital Signature in ASP.Net: Super Signature You can Download Supersignature Integration demo project
    electronic signature pad

  2. Hi Deepak, have you tried this with MAF? I downloaded your Sample App and upgraded to MAF but didn't work

  3. Great Blog info !

    We read your blog info and like it. Keep up sharing your informative information so that your regular blog reader updates with your information..


    Digital Signature for E-Ticketing

  4. Hi Deepak,
    Thanks for this blog.
    I have downloaded the application and while running it in JDev Build JDEVADF_11., i could not see the canvas of signature. While putting alert debug in application.invokeSignaturePad, i can see that control is going there, but when printing the document.body.innerHTML, i could not see the canvas code appended there.

    Do you have any idea of this?
    Have anyone else facing this kind of issue?


  5. your providing such a valuabe information about studying..and also have some good key points to every student.


  6. Happy to see your blog as it is just what I have looking for. You are one of the well-known for valuable information. Apply Digital signature Certificate Online

  7. Hai Thanks sir, This blog is very very helpful. Congratulations for your great work.Digital Signature in Delhi

  8. Hai Thanks sir, This blog is very very helpful. Congratulations for your great work. Digital Signature Certificate

  9. Nice Post !
    Are you unable to work on QuickBooks software? If yes, then do call us at QuickBooks Customer Service Number 1-877-948-5867 and get sure-shot solutions to troubleshoot all the issues of QuickBooks.

  10. Nice & Informative Blog !
    If you are witnessing QuickBooks Error 7149 on your screen,Our service is open 24/7 around the clock so that you can get your query resolved instantly.