The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk

Pass Success/Error Messages to popup

Labels

This Discussion is public

Notifications

Hoping to get submission Success/Error messages to be in popup centered vertically/horizontally on page.

Possible?

Thanks you!

I would expect you can do this with a modal.

https://formidableforms.com/downloads/bootstrap-modal/

Put the shortcode in the individual form success message area.

For errors it gets a bit more tricky. You could add the modal with a generic message in the global settings here:
https://formidableforms.com/knowledgebase/global-settings-overview/#kb-default-messages, otherwise you'll have to code a hook:
https://formidableforms.com/knowledgebase/frm_invalid_error_message/#kb-examples

Something like this:

add_filter('frm_invalid_error_message', 'change_frm_form_error_message', 10, 2);
function change_frm_form_error_message( $invalid_msg, $args ) {
if ( $args['form']->id == 123 ) {
$invalid_msg = do_shortcode( '[myshortcodehere]' );
}
return $invalid_msg;
}

Hi Bobby

Sorry for late response -- been traveling on business.

I purchased the Bootstrap Modal plugin to do a test of simply making a form modal.

http://airshunt.net/test-bootstrap-modal/

If you scroll to middle of site you'll see a large red text link. That's the bootstrap modal formidable link.

Clicking it you'll notice is shoves the modal form up under the header?

I'm using Elegant Theme's Divi Builder, Divi Theme with a child theme.

Any thoughts of how to control "where" or at what Z level?

Thanks!

Kellie

Add this to your formidable styling > custom css.

div.modal.fade.in {
z-index: 100000;
margin-top: 165px;
}

You're the "bomb" Bobby!

Thank you.

*Liked*

Discussion closed.