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
Pass Success/Error Messages to popup
Hoping to get submission Success/Error messages to be in popup centered vertically/horizontally on page.
Possible?
Thanks you!
October 6, 2017 at 5:56 am
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;
}
October 9, 2017 at 4:23 pm
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
October 9, 2017 at 6:30 pm
Add this to your formidable styling > custom css.
div.modal.fade.in {
z-index: 100000;
margin-top: 165px;
}
October 9, 2017 at 7:25 pm
You're the "bomb" Bobby!
Thank you.
October 9, 2017 at 7:26 pm
*Liked*
Discussion closed.