Including Signature Utility

15 replies · opened Oct 12, 2020

SSISCANOct 12, 2020

Hi

Does the Theme include a sample Signature form/utility?

This link https://adm-cba.rof.ca/JobI/sam_Signature.php shows a sample found on the Internet, however when I try to implement it does not work and I think it related to JS/CSS Conflicting issue.

Regards
Barry

SSemicolon WebSTAFFOct 13, 2020

Hello,

We currently do not provide 3rd Party Plugin integration support. However, there should not be any integration issues if everything is followed correctly. Please provide us with a finished page so that we can look into this further. Additionally, you can also check the exact JS errors in your Browser's Developer Console to help you fix the issues more quickly.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANOct 13, 2020

Noted.

I will setup a test page using the Canvas theme and reply back.

Thank you.

SSISCANOct 13, 2020

Hi

The signature utility uses the JS files below, would you know if they could conflict with the Canvas Theme files?

<script src="excanvas.js"></script>
<script src="jquery-3.0.0.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery.signature/jquery.signature.js"></script>
<script src="jquery.ui.touch-punch.js"></script>

Regards
Barry

SSemicolon WebSTAFFOct 14, 2020

Hello,

Remove the jquery-3.0.0.js JS Linking as this is already included on the Page. If this still does not work for you, you can remove the jquery-ui.js JS Linking as well.

Also, http://adm-cba.rof.ca/sam/excanvas.js does not exist. So make sure that you are checking the Developer Console constantly while developing to find out the exact issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANOct 14, 2020

Hi

Uploaded excanvas.js and removed Lines 18 and 19

<script src="jquery-3.0.0.js"></script>
<script src="jquery-ui.js"></script>

Still not working.

Any help is much appreciated.

Regards
Barry

SSemicolon WebSTAFFOct 14, 2020

Hello,

We can still see the Codes on your Page. Please update the Codes online so that we can check and provide further assistance. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSISCANOct 14, 2020

Sorry, it has now been removed.

SSISCANOct 14, 2020

I have moved to the bottom of the page below <script src="../js/functions.js"></script>

Would you please check now.

SSemicolon WebSTAFFOct 15, 2020

Hello,

Thanks for your Patience!

We have checked this out and tried adding this to one of our files. It works perfectly fine. Follow the steps below:

  1. Add the Following Codes in the Document ``:
    [ch_pre]
.kbw-signature { width: 400px; height: 200px; }

[/ch_pre]

  1. Add the following codes at the bottom of the Page after the js/functions.js File:
    [ch_pre]

    $('#signature').signature();
    [/ch_pre]

  2. Use this HTML Code:
    [ch_pre][/ch_pre]

This works perfectly fine for us. From this point, you will need to work on this manually or Hire a Freelancer to help you out with this, as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANOct 15, 2020

I very much appreciate your help.

Would you be so good as to send me the working file you have.

SSemicolon WebSTAFFOct 16, 2020

Hello,

Apologies for the inconvenience!

Unfortunately, we do not have the Files anymore. But please consider following the guidelines above and it should work fine. You can update your Page online and let us know if you are facing any issues and we will assist you further. The CSS/JS File Paths would be according to your own paths.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSISCANOct 16, 2020

Hi

I did try but was not able to find these files: -

<script src="js/signature/js/jquery.ui.touch-punch.min.js"></script>
<script src="js/signature/js/jquery.signature.min.js"></script>

Regards
Barry

SSemicolon WebSTAFFOct 16, 2020

Hello,

As we have mentioned earlier, you will need to change the Path of these Files to point to your own Folder where these files are located.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard