Submission Behavior – inline message not showing

Hi @johanhorak,

I hope you are doing well today!

Please share an export of the form with us, so that we can check further.

You can find more info on how to export the form here : https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

After exporting, please share the file contents with us using the free services such as https://pastebin.com or https://justpaste.it

Please always make sure to use such services to share the code and don’t post the code here directly as it will most likely be unusable.

Kind regards,
Zafer

Hi Zafer

Thanks for the speedy response.

Here is the form data https://pastebin.com/mK5EYHFZ

• This reply was modified 2 months, 3 weeks ago by Johanhorak.

Hi @johanhorak

Hope this message finds you well.

After performing a test, I could not replicate the issue, the results in the Inlie message displayed correctly

https://prnt.sc/jlVuncpDuefa

Could you perform a conflict test? Kindly follow this guide

https://wpmudev.com/docs/getting-started/getting-support/#conflict-test

Let us know the results

Best regards,
Laura

Hi

Thanks. I appreciate your help.

Your conflict suggestion refers to my initial step 4, “4. Attempted to isolate the form from theme and plugin conflicts.”

I created a test site, deactivated all plugins, and then set the theme as the default WordPress theme. But I haven’t had any luck.

NOTE: Nothing happens when I click the button. If I use a redirect URL, then the button works.

• This reply was modified 2 months, 3 weeks ago by Johanhorak.
• This reply was modified 2 months, 3 weeks ago by Johanhorak.
• This reply was modified 2 months, 3 weeks ago by Johanhorak.

Here’s my test site with no plugins other than Forminator active and twenty twenty theme https://agencycapeholidaysinfo-test.lightningbasehosted.com/test-form/ The only message I get is from the script I added.

I also tried to hide the submit button, but nothing seemed to hide it.

Hi @johanhorak

Thank you for response!

I tested the form that you shared earlier on my own setup and then tested the form that you just linked to (the “test-form”). This is what I get on the “test-form” on your end:

https://app.screencast.com/J5PJwvQUBcnKO

I’m not quite sure what am I missing here. Is this result displayed by that script that you mention? If yes – what’s the script, could you share it with us and what happens when you completely remove it?

Kind regards,
Adam

Hi

I have figured it out. My mistake. Apologies. As required, I had a consent check mark on my original form. The consent was at the top. The second issue was the inline message; when the submit button is clicked, it is shown at the top form (out of the screen).

My issues now are:

1. How do I show the message at the bottom instead?

2. I cannot hide the submit button. Let’s assume my test form (https://agencycapeholidaysinfo-test.lightningbasehosted.com/articles/test-no-script/), And I want to hide the button. Here I set to hide the button if the sum of two values is less than zero. But going to the form it is not hidden https://share.cleanshot.com/ZRDT1lsM

Hi @johanhorak

1. Unfortunately that is not possible out of the box and there is no built-in feature that allows you to change the submit message position, however, we may be able to help you with a custom code snippet, I asked our developer team about that and we will update you here if that was possible.

2. In your recording I can see your submit button condition is set to show when it is zero, you should select hide to make sure the button will stay hidden when your value is zero.
https://monosnap.com/file/482TOwy6Fw6KqjnthvSPpK0aQisbKZ

Kind Regards,
Amin

Thanks. Excellent support.

Hi again @johanhorak

We got further feedback from our developer team, for changing the submit button message position please try the following code snippet:

add_action( 'wp_footer', 'wpmudev_change_submission_message_position', 9999 );
function wpmudev_change_submission_message_position() {
	global $post;
	if ( is_a( $post, 'WP_Post' ) && ! has_shortcode( $post->post_content, 'forminator_form' ) ) {
		return;
	}
	?>
	<script type="text/javascript">
	jQuery(document).ready(function($) {
		setTimeout(function() {
			$('.forminator-custom-form').trigger('after.load.forminator');
		}, 500);
		
		$(document).on('after.load.forminator', function(event, form_id) {
			if ( event.target.id === 'forminator-module-2960' ) { // Please change 2960 to your form's ID.
				$('.forminator-response-message').insertBefore('.forminator-row-last');
			}
		});
	});
	</script>
	<?php
}

Note: You should change 2960 to your form’s ID (you can find the form ID in your form shortcode). and you can add code as a mu-plugin, please take a look at this document to learn more:
https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins

Best Regards,
Amin

Hi Amin

Very kind of you. Thank you. ??