Form within a modal without closing?

[deejay86]

How do I embed a formidable form within a modal such that it closes only after the form is submitted or clicks outside of the modal content area? Currently, if I click on any part of the form (for example, clicking on a dropdown to select an option, or a radio buttton), the modal closes. I’m unable to use the form within a modal content area. Please help

[SJF_me]

@deejay86 - you’ll want to reference this code: https://formidableforms.com/knowledgebase/javascript-examples/javascript-after-form-submit/#kb-perform-action-after-form-submit and then run a script to click on the modal’s close button after the form has been submitted successfully. For example: jQuery(".x-modal-close").click();

[marc_a]

Hi Deejay,

Thanks for reaching out!

I tried using a form and add it to my modal content but when I tried to select a dropdown item it doesn’t close the modal. With that said, I believe that there’s a custom code of plugin conflict with your website.

I recommend the following troubleshooting procedures.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION
6. VERSION COMPATIBILITY

On the other hand, if you want to close the modal after the form is submitted, you can check @SJF_me response. Please note that custom coding is outside the scope of our theme support.

Hope that helps and let us know how it goes.