Modal Form Issue

Question

Hello guys,

Happy holidays!

I have an issue with the modal form, it blocks the page. Could you help me understand what the problem is?

In the price boxes I would like the buttons to open a form in modal.

Thanks so much!

SemiColonWeb · Accepted Answer

Hello,

When using Modals, simply place them outside the .section DIVs to avoid z-index Conflicts. In your case, simply move the Modal Codes after the #iniziamo DIV ends.

This will definitely fix the issue. Hope this Helps!

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

Wyzzy · Answer

Hello, thank you so much, it works great! Is it possible to auto close the modal form after the submit? Maybe without change any Java code for avoid issue with future update. Thanks

Semicolon Web · Answer

Hello,

Absolutely! Canvas already comes with Form Events: http://docs.semicolonweb.com/docs/forms/alerts/ . You can simply use a JS Code something like this at the bottom of the Page:
[ch_pre]jQuery('#template-contactform').on( 'formSubmitSuccess', function(){
$('#contactFormModal').modal('hide');
});[/ch_pre]

Hope this Helps!

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