Using Widget Control

Hopefully you can help me here. I am following the instructions for https://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

General

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

Attachment

- Tim Larson
- May 12, 2017 - 10:01 pm
Awesome that works great! Thank you for the sample!
- Tim Larson
- May 15, 2017 - 5:29 pm
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
- Tim Larson
- May 15, 2017 - 6:05 pm
Never mind I got it to work. I found the orgChart sample and that helped me figure it out.

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.

Attachment

Hi Tim,

please find attached a sample using eSignature.

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

Best regards
Frank

Attachment

- Tim Larson
- May 12, 2017 - 6:20 pm
I don’t see the attachment. Thank you in advance! :)
- Frank (ITG)
- May 12, 2017 - 6:35 pm
Sorry it´s attached now. Regards, Frank