How to automatically close contact form on successful sending

Question

I have a form at http://www.osbaldwickandmurtonchurches.org.uk/new/index.html

When the form has successfully sent the data it remains open (blank) which is pointless. How can it be made to automatically close once the message has been successfully delivered?

Also please don't mark this support request resolved until I confirm that it has been!

SemiColonWeb · Accepted Answer

Hello,

Simply using the following JS Code at the bottom of the Page should fix this:

jQuery('#template-contactform').on( 'formSubmitSuccess', function(){
	jQuery('#contactFormModal').modal('hide');
});

This will definitely work fine. Hope this Helps!

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

osbaldwick · Answer

Which page are we talking about. If I add it to the page that contains the form it makes no difference and if I add it to form.php, the form just hangs after submission. Please clarify what you mean.

Semicolon Web · Answer

Hello,

The JS Codes cannot be added to PHP Files. You will have to add this to the HTML Page which contains the Form.

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. 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.