Gravity forms in modal reloading page on submit

[eyedia]

I’m having an issue with a gravity form within a modal reloading the page each time submitt is clicked. This happens when all fields are filled correctly and also when validation errors are there.

The form will submit in the end, but you have to reopen the modal to see the image.

I have tried enabling ajax but the same thing happens.

Any idea on how I can keep the modal open during the form submission process?

You can see it on the site here in desktop: https://suciotequila.ca/

[ruenel]

Hello @eyedia,

Thanks for writing in! Regretfully the Gravity Form is not fully supported by the Modals. We do not recommend putting the form inside a modal especially with gravity form because it will not work properly. The data of the form might not be saved or send to the server. Sooner or later, issues will present itself and this setup will become complicated. It is best that you place your form in a page so that it will work properly. Try using Contact Form 7 instead if you really need to have a form in a Modal popup.

Thank you for your understanding.

[urchindesign]

Don’t use the form element. Either use the classic gravity element or add the form via a short code. Make sure Ajax is set to on.

This way it will work perfectly in a modal

[ruenel]

Hey @urchindesign,

Thanks for chiming in! This is really helpful to other users who want to have a form in a modal pop up.

Cheers.