Form not showing when logged out

Hi @griego62,

I had a look at your site and I’m afraid that I see a lot of console errors showing up, not just on the form page but rather any page on your site that I checked.

These console errors will cause issues to other scripts running on the page, so this is most likely breaking Forminator scripts as well and prevent the form from loading.

I would suggest doing a full conflict test to see where these errors are coming from and see if the form is loading properly after that.
To do this, disable all of your plugins (except Forminator) and switch to default WP theme and check your form page after that. Open the browser console (F12 on Chrome) and see if the errors are gone and if the form is loaded.

If the errors are gone then activate everything back one by one until the errors are back, that should tell you what is causing the errors on site.

Cheers,
Predrag

Thank you for your quick reply. I have managed to clear the console errors which were due to a few scripts however, there is one that persists and that only disappears (along with the form, of course), when the Forminator plugin is deactivated: GEThttps://wordpress-596972-2330632.cloudwaysapps.com/wp-includes/js/tinymce/plugins/WordPress/plugin.min.js?wp-mce-49110-20201110
[HTTP/2 404 Not Found 538ms]

Unfortunately, the error also appears on the front end (see screenshot): https://u.pcloud.link/publink/show?code=XZhM4aXZznEqryDuxYbJ85f2YE2RHQ0mevHX

I am fairly new at this and I was wondering if you could point me in the right direction to resolve this issue.

I deeply appreciate your time and effort.

Hi @griego62

To make sure:

Once you managed to clear these errors, the form itself started to work (so initial issue is gone) but the error – as mentioned – about the TinyMce script is showing up, right?

That particular error is a known bug already (recently discovered) and while it’s not directly related to/caused by Forminator code, our developers are already looking for a permanent fix for it.

Meanwhile, there’s a “patch” that should fix the issue, would you give it a try?

To apply it to your site:

– create an empty file with a .php extension (e.g. “forminator-tinymce-error-fix.php”)
– copy and paste following code into it and save

<?php 
add_filter('forminator_tinymce_args', function( $args ){
if( is_string( $args ) ){
$args = str_replace('WordPress', 'wordpress', $args);
}
return $args;
});

– upload the file to the “/wp-content/mu-plugins” folder of your site’s WordPress installation

If there’s no “mu-plugins” folder directly in “wp-content”, just create an empty one first.

It should work “out of the box”.

Best regards,
Adam

Perfect!! Works like a charm. There is a small issue regarding how the form is presented that I have recorded in a short video: https://www.loom.com/share/c3ef13f8b71a454587e19a8d8d7fadcc
I’m wondering if there is something I could do there so that the text box shows bigger.

Thank you very much for your time and effort and for your quick communication ??

Hi @griego62

I hope you are doing well.

I checked your form but I couldn’t replicate the issue, had you set the Default height? https://monosnap.com/file/uVHv29vzxo8E36FnMVugsOi3IKk4sk

If the issue persists, please let us know the Browser and OS that you are using and we can try to replicate it again.

Best Regards
Patrick Freitas

Thank you for your quick reply. I have replicated the issue on both Chrome and Firefox with the same results. Please, have a look at the settings implemented in Tiny MCE editor, which seem to be the same as the ones in the screenshot you have supplied me with.

I appreciate your efforts and time ?

Hello @griego62 !

I was also able to replicate the issue, but only on the page you’ve mentioned. Not really sure why this isn’t working there, but I managed to find a possible fix.

Please try this snippet:

<?php

add_action('wp_footer', function() {
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#checkbox-1 input[value="Otro"]').on('change', function() {
tinyMCE.editors[0].render();
});
});
</script>
<?php
});

What it does is when you click on the Otro option, it will trigger a force refresh on the editor which seems to cause it to resize to the proper height then.

To install the script, simply copy the code I shared to a .php file with any name (the .php extension is important) and place it in wp-content/mu-plugins/ directory (please create the directory if it doesn’t exist yet).

Warm regards,
Pawel

Thank you again but I’m afraid it didn’t work. Here’s a screenshot so you can see if everything was done well.

Have a happy Christmas eve ??

Hi @griego62

I’ve tested the JS that this code injects to your site – I tried it directly on your site by adding it via browser console and it works so the code itself is fine.

It seem that it may be executed just “too early”. The way it’s added currently makes it “injected” to the site way “before” some other form-related Forminator scripts are injected, including those related to rendering the form.

I would try a small modification then to make it be “injected” way later into the code. This can be done by increasing the WP hook priority value number, like this:

<?php

add_action('wp_footer', function() {
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#checkbox-1 input[value="Otro"]').on('change', function() {
tinyMCE.editors[0].render();
});
});
</script>
<?php
}, 99);

Note the “99” number added.

Give it a try, please, and let’s see if it works this way (note: you may need to clear all cache on site/server after updating the code on site).

Best regards,
Adam

Thank you for your quick reply! Tried it but unfortunately, this doesn’t work either.

I appreciate your efforts and perseverance.

Regards

Hi @griego62

I checked your video and I review your page source. It seems that after 1st load tinyMCE iframe has style height:0px;.

Please consider to add this code into Appearance -> Customize -> Additional CSS
.page-id-2929 #forminator-field-textarea-1_ifr{height:140px !important;}

Kind Regards,
Kris

That seems to have done the trick ?? Thank you very much! Kudos!