Using Widget Control

[itg-assistant]

Tim Larson asked 2017-05-12 18:00:22 UTC

Hopefully you can help me here.  I am following the instructions for http://wisej.com/support/question/hi-something-like-particle-js

the particle.js widget example.  I am trying to implement the SyncFusion signature control http://js.syncfusion.com/demos/web/#!/bootstrap/signature/defaultfunctionalities

I am having trouble getting the control to initialize.  It keeps saying object does not support property or method of ejSignature

("#signature").ejSignature({ height: "400px", isResponsive: true, strokeWidth: 3 });

any help would be appreciated.

thanks, Tim Larson

[itg-assistant]

Luca answered 2017-05-12 18:05:20 UTC

Can you attach the project?

Looks like the library with the eSignature jquery method from syncfusion was not  loaded.

[itg-assistant]

Tim Larson answered 2017-05-12 18:16:13 UTC

I have attached a sample project.

[itg-assistant]

Frank (ITG) answered 2017-05-12 18:17:27 UTC

Hi Tim,

please find attached a sample using eSignature.

Take a look at InitScript and Packages properties of the widget.

Best regards
Frank

[itg-assistant]

Tim Larson answered 2017-05-12 18:20:18 UTC

I don’t see the attachment. Thank you in advance! :)

[itg-assistant]

Frank (ITG) answered 2017-05-12 18:35:47 UTC

Sorry it´s attached now. Regards, Frank

[itg-assistant]

Tim Larson answered 2017-05-12 19:48:22 UTC

Thanks for the help on this.  In internet explorer and edge it shows the error message but lets you sign.  It works fine in chrome.

SourceMap http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.map read failed: One or more errors occurred..Exception was thrown at line 20, column 5 in eval code

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'ejSignature'

This is happening on the sample that was attached as a solution.

[itg-assistant]

Frank (ITG) answered 2017-05-12 21:35:11 UTC

Hi Tim,

here is a revised sample that contains a couple of improvements and additions to the previous one:

• Changed the order of the scripts in the packages. Jquery is put on top.
  The order is important when it comes to dependencies. That´s why we added the Packages loader to Wisej.
  Otherwise the loading would be asynchronous and beyond our control.
  Only the scripts in the HTML page are loaded synchronously.

• For chrome probably the jquery was loaded already,  but for IE / Edge not

• We also added names to the scripts. While not really necessary in this sample it´s better to have them,
  especially when they are shared between extensions (e.g. jquery)

• The initialization didn't specify the width and height and it used this.container, so the jquery widget changed it to 100% 100%

• The new sample also works in design mode.

• Since you probably want to receive the signature from the widget and process it in your code, we extended the sample to
  transfer the signature automatically to a picture box (see Change event)

Best regards
Frank

[itg-assistant]

Tim Larson answered 2017-05-12 22:01:18 UTC

Awesome that works great! Thank you for the sample!

[itg-assistant]

Tim Larson answered 2017-05-15 17:29:58 UTC

I have everything working but I am trying to add a button to clear the signature control if they make a mistake. How do you interact doing something like that?

Thanks,
Tim

[itg-assistant]

Tim Larson answered 2017-05-15 18:05:36 UTC

Never mind I got it to work. I found the orgChart sample and that helped me figure it out.