We'll be extending an Ext.Panel object from Sencha Touch to create an iPad signature pad. When you click submit it will tie in to the server-side PHP script in this post. It works pretty well, though there are many ways that it could be enhanced.
We are using the Sencha Touch MVC style approach outlined here:
http://www.slideshare.net/senchainc/structuring-your-sencha-touch-application
http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap
Go ahead and try it out here (iPad/Safari/Chrome/Webkit only): http://www.jamund.com/signature
For past five years I worked in java technology.Recently My boss assigned me to work with Sencha.I swear that it is a bit difficult to change but interesting too.I am trying to grasp your code.Thanks for sharing it
ReplyDeleteelectronic signature software
Great post, cant wait to try it out
ReplyDeleteI have no idea how to implement this. How do I make it look like that? Where's the rest of the code for the panel? The CSS?
ReplyDeleteAll the code is here if you want to see how it's done:
Deletehttp://www.jamund.com/signature/
Hi,
ReplyDeleteHow to save the image after signing?
I dead consider joyous when I acquire articles pertinent to my process and my issue.
ReplyDeleteipad 32gb
any idea on how to prevent scrolling of the page when drawing when the page goes beyond the fold?
ReplyDelete@TJassens, I'm not sure, in general you can try and call preventDefault() on the touchmove event and see if that helps. If that doesn't work, which it might not, you may want to try and make sure the signature is centered vertically or the only thing on the screen when they 're using it....let me know how you get it to work!
ReplyDeleteFor sure many people out that want to start creating their own iPad signature and it is a good source on how to make it.
ReplyDeleteLimited iPad case products
Nice blog and absolutely outstanding. You can do something much better but i still say this perfect.Keep trying for the best. Hire Sencha Touch Developer
ReplyDelete