Hybrid View

  1. #1
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default simFla.ux.plugins.signaturePad

    simFla.ux.plugins.signaturePad


    Hey Guys

    I needed a touch signature pad for my app so I made this plugin.



    Example:
    Code:
    {
    		xtype: 'panel',
    		id: 'signaturePanel',
    		plugins: [new simFla.ux.plugins.signaturePad({width: 500, height: 100})]
    	    }
    ClearPad
    Code:
    Ext.getCmp('signaturePanel').plugins[0].reset()
    Get Image Data (base64 PNG)
    Code:
    Ext.getCmp('signaturePanel').plugins[0].getSignatureAsImage('DATA')
    Source: https://github.com/SimFla/SimFla-signaturePad

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    22
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      0  

    Default


    That's really a good idea and nice implementation.
    Good job SimonFlack!
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  3. #3
    Sencha User
    Join Date
    Nov 2010
    Location
    Norway
    Posts
    56
    Vote Rating
    1
    aCa is on a distinguished road

      0  

    Default


    Very usefull, thanks!

  4. #4
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,337
    Vote Rating
    75
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Quote Originally Posted by SimonFlack View Post
    Hey Guys

    I needed a touch signature pad for my app so I made this plugin.




    Example:
    Code:
    {
    		xtype: 'panel',
    		id: 'signaturePanel',
    		plugins: [new simFla.ux.plugins.signaturePad({width: 500, height: 100})]
    	    }
    ClearPad
    Code:
    Ext.getCmp('signaturePanel').plugins[0].reset()
    Get Image Data (base64 PNG)
    Code:
    Ext.getCmp('signaturePanel').plugins[0].getSignatureAsImage('DATA')
    Source: https://github.com/SimFla/SimFla-signaturePad


    that's awesome dude

  5. #5
    Sencha User
    Join Date
    Jun 2009
    Posts
    14
    Vote Rating
    0
    weazil is on a distinguished road

      0  

    Default


    It works great in chrome & ios... On Android I can draw... but when i do get image it will not display it and when you pass data it passes data: ,

  6. #6
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    What android device and versjon did you test on? Was it just the image in the demo that did not show or was the data string corrupt?

  7. #7
    Sencha User
    Join Date
    Jun 2009
    Posts
    14
    Vote Rating
    0
    weazil is on a distinguished road

      0  

    Default


    I have tried it on an HTC evo running 2.2 and a galaxy Tab also running 2.2 FROYO

    I have tried it in the stock browser and Dolphin w the same results
    on the demo it doesnt display anything when you press get image, the reset button works fine tho.

    I couldnt figure out how to send the image as part of the form so i created a textfield and made it hidden and when you press sumit it pushes the signature to this hidden field then form.submit runs and when you un hide it it only says "data: ," below is my code that i use to fill that hidden field

    Code:
    Ext.getCmp('temp_sign').setValue(Ext.getCmp('signature').plugins[0].getSignatureAsImage('DATA'));
    like i said on ios on an ipad and chrome on the desktop it works fine but I didnt know how to really trouble shoot on the phone since all it was kicking back was data:,

  8. #8
    Sencha User
    Join Date
    Jun 2009
    Posts
    14
    Vote Rating
    0
    weazil is on a distinguished road

      0  

    Default


    Quote Originally Posted by SimonFlack View Post
    What android device and versjon did you test on? Was it just the image in the demo that did not show or was the data string corrupt?

    Unsure why everytime I try and reply here it says a moderator has to approve it.....

    but anyway I tested it on An Evo & a Galaxy Tab, Both running 2.2 Froyo

    the signature demo would not display the image below but it would clear the image

    Code:
    Ext.getCmp('temp_sign').setValue(Ext.getCmp('signature').plugins[0].getSignatureAsImage('DATA'));
    And since I could not figure out how to submit it as a form i have a hidden textfield and was submitting it that way

    chrome and ios both send the data: base64.... Image properly android just sends data : ,

  9. #9
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    Weazil: I'll try to debug this and get back to you.

  10. #10
    Sencha User
    Join Date
    Mar 2011
    Posts
    7
    Vote Rating
    0
    tchaves is on a distinguished road

      0  

    Default Scrolling

    Scrolling


    Simon, this is awesome, thanks for creating it and sharing.

    Does anyone know how I could disable scrolling on a card ONLY when the signature is being drawn?

    In my case, I need to scroll down to see the signature field, but if scrolling is enabled, the card scrolls around while I try to draw the signature.

    Any help is greatly appreciated!

Similar Threads

  1. Plugins vs extension
    By pokerking400 in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 7 May 2008, 12:37 PM
  2. wRite a Plugins
    By abys in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 3 Feb 2008, 12:15 PM
  3. [Solved]What are plugins?
    By vendiddy in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 10 Jan 2008, 3:09 PM

Thread Participants: 22

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar