Jump to content


Photo

Signature Capture


  • Please log in to reply
34 replies to this topic

#1 HarryG

HarryG

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 190 posts

Posted 02 August 2011 - 09:44 AM

Using the TUniCanvas it is easy to capture a signature on a desktop browser or tablet pc with a stylus using a canvas compatible browser
- Does anyone know how to do the same on a mobile device ?
e.g. on an Android you tend to end up moving the form around the screen and / or resizing it rather than actually getting to the canvas object.
Is there a way to disable the standard user screen interaction for a form / region on a form ?
  • 0

#2 Farshad Mohajeri

Farshad Mohajeri

    Administrator

  • Administrators
  • 9819 posts

Posted 02 August 2011 - 11:37 AM

I got my first Android device about three months ago and I noticed that our Paint demo can't draw on a mobile Android.

To resolve the auto pan problem "touchMove" event of browser must be captured and disabled:

document.body.addEventListener('touchmove',function(event){
  event.preventDefault();
},false);	

However, this is not enough.

On a touch enabled device we need to implement "touch" events for UniCanvas. Mouse move events don't work here, as there is no mouse here!

I'm already working on this and it may be included in next build.
  • 1

#3 HarryG

HarryG

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 190 posts

Posted 02 August 2011 - 12:48 PM

Nice to hear

Thank you
  • 0

#4 Farshad Mohajeri

Farshad Mohajeri

    Administrator

  • Administrators
  • 9819 posts

Posted 03 August 2011 - 02:53 PM

My tests show that signing using finger is very difficult! Are you going to use a pen enabled device?
  • 0

#5 HarryG

HarryG

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 190 posts

Posted 03 August 2011 - 03:52 PM

I was thinking of a stylus compatible with capacitive screens
e.g.
http://www.mobilefun...pacitive stylus

there seem to be quite a few available now - some get very poor reviews though
  • 0

#6 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 26 January 2017 - 01:46 PM

Hi,

I know this is old post, but as it has no clear resolution/ update I thought I'd ask.

 

Is this fixed in the present version/ build of unigui? We need to caption client signatures and I'm hoping that by know this is not an issue.

Thanks

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#7 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 15 February 2017 - 11:26 PM

Has anyone got a view on this? I'm trying to capture a signature using unicanvas, but it doesn't work on a touch screen because of touch panning in the browser.

 

Trying to use this code from Farshad, but I'm not sure where to put it.

 

 

I got my first Android device about three months ago and I noticed that our Paint demo can't draw on a mobile Android.

To resolve the auto pan problem "touchMove" event of browser must be captured and disabled:
 

document.body.addEventListener('touchmove',function(event){
  event.preventDefault();
},false);	
However, this is not enough.

On a touch enabled device we need to implement "touch" events for UniCanvas. Mouse move events don't work here, as there is no mouse here!

I'm already working on this and it may be included in next build.

 

 

Also any more on touch events in the unicanvas control ?

 

Thanks 

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#8 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 23 February 2017 - 06:02 PM

OK, no takers?

 

Decided to use this JQuery instead https://willowsystem...nature/#/about/

 

Looks just what I need

Thanks anyway

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#9 Bocchi

Bocchi

    Member

  • uniGUI Subscriber
  • PipPip
  • 30 posts

Posted 15 March 2017 - 03:24 PM

Can you send me a sample project?
I don't know how to use jSignature.

Thanks in advance.


  • 0

#10 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 15 March 2017 - 11:37 PM

Hi Bocchi,

I didn't actually use Jsignature in the end I used this one instead https://github.com/s...k/signature_pad, but the principles are the same. If you like I will try and put together a sample project for you to look at in the next day or so.

Regards

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#11 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 15 March 2017 - 11:38 PM

Oh also, although this thread is in the mobile forum our sample is not a unigui mobile ap, but a webmode one.

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#12 Bocchi

Bocchi

    Member

  • uniGUI Subscriber
  • PipPip
  • 30 posts

Posted 16 March 2017 - 08:05 AM

I'm searching a solution for unigui mobile app.

Can your code work in a unigui mobile app?

Thanks.


  • 0

#13 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 16 March 2017 - 02:44 PM

Hi Bocchi,
I've not worked with unimobile yet, but I have created a test for you, it sort of works although needs some polish, and I've not tested properly. its basic but if it helps you then that's great.
 
here it is;

https://www.e-quipit...le_sig_test.zip

 

Regards

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#14 logisticasoft

logisticasoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 204 posts

Posted 27 March 2017 - 01:16 AM

 

Hi Bocchi,
I've not worked with unimobile yet, but I have created a test for you, it sort of works although needs some polish, and I've not tested properly. its basic but if it helps you then that's great.
 
here it is;

https://www.e-quipit...le_sig_test.zip

 

Regards

Mark

 

hi  mark

I' compile the program tks. 

 

But I get the following message in the log:

 

sigtest1.exe: 000010AC: 20.11.40 [HandleFileRequest[192.200.1.20]]:File not found: C:\DELPHI_UNIGUI_PRUEBAS\mobile_sig_test\MobileProjects\Win32\Debug\files\points.js

In the folder the file exists.

What can I do to fix it, Tks

 

But I get the following message in the log:


  • 0

Carlos Ramirez

ramirez.carlos@yahoo.com


#15 logisticasoft

logisticasoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 204 posts

Posted 27 March 2017 - 01:53 PM

But I get the following message in the log:

 

sigtest1.exe: 000010AC: 20.11.40 [HandleFileRequest[192.200.1.20]]:File not found: C:\DELPHI_UNIGUI_PRUEBAS\mobile_sig_test\MobileProjects\Win32\Debug\files\points.js

In the folder the file exists.

 

a:/ servermodule.customFiles

files/signature_pad.js
files/points.js ------------------------------------> change to: files/point.js -
files/app.js
files/css/signature-pad.css
 
 
After the change, it does not capture the signature yet, it could help us Thanks

  • 0

Carlos Ramirez

ramirez.carlos@yahoo.com


#16 logisticasoft

logisticasoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 204 posts

Posted 27 March 2017 - 02:11 PM

files/css/signature-pad.css  -->>>> This JS should be moved to: custumCSS?


  • 0

Carlos Ramirez

ramirez.carlos@yahoo.com


#17 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 27 March 2017 - 03:56 PM

Hi,

The point.js file is not needed it crept in by error just delete it and then in uniservermodule/CustomFiles/Strings ... remove the reference to it by deleting the line.

leave the css file where it is or if you move it, you will need to change the path ref to it in the uniservermodule/customfiles/strings .

Thanks

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#18 Bocchi

Bocchi

    Member

  • uniGUI Subscriber
  • PipPip
  • 30 posts

Posted 11 May 2017 - 03:28 PM

I'm testing your solution but It work only if I resize the web browser.

How can I solve this problem?


  • 0

#19 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 12 May 2017 - 11:53 AM

I'll take a look when I have a moment (bit hectic at the min) and get back to you soon.

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402


#20 MarkLince

MarkLince

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 81 posts

Posted 17 May 2017 - 11:49 AM

I haven't forgotten, I'm just extremely busy at the moment, I'll do my best to help at the weekend.

Mark


  • 0

Delphi xe7

uniGUI Complete - Professional Edition V1.00 1402





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users