Form Won’t Display On Page

Hi @nobuhlesibusiso,

Sorry to know that you are experiencing an issue with using our plugin.

Just to make sure it’s not a conflict with another plugin that causes the issue, can you please try a complete conflict test?

The following flowchart can help with the test process: https://wpmudev.com/wp-content/uploads/2015/09/Support-Process-Support-Process.gif

If couldn’t find any conflict, can you please export the form and share it with us using Google Drive or DropBox so that we can take a closer look at this?

Reff: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

We will be looking forward to hearing back from you.

Best Regards,
Nebu John

Ok, so one of the most important plugins: the All In One SEO plugin is creating a clash, but I really need it. Is there any type of workaround for this?

• This reply was modified 3 years, 4 months ago by nobuhlesibusiso.
• This reply was modified 3 years, 4 months ago by nobuhlesibusiso.

Hi @nobuhlesibusiso

I understand that you’ve conducted a conflict test and that pointed to All in One SEO plugin, right?

I have just installed All in One SEO (free version) and run its wizard to set default/factory configuration, then I’ve put a form on a page on my test site but it all was still working fine – I couldn’t replicate the issue at first.

Eventually, I found out that the conflict is specific to Forminator’s AJAX: if your form is set to load via Ajax then it doesn’t load if All in One SEO is active.

A workaround for now would be to disable the “Load form using AJAX” option in form’s “Behavior” settings. Make sure to update the form and clear all cache on site after that and it should bring the form back.

I have also reported it as a bug to our Forminator Team. They’ll investigate it so we could implement a fix with one of future releases of the plugin.

Kind regards,
Adam

Thank you for the feedback. So, I’ve turned off Ajax (a bit disappointing, but that’s ok) and cleared my cache. It worked, before I decided to see if the original problem was solved, I decided to preview the form from the edit screen because for some reason it did some really strange formatting shift that now looks like this. I’m sure I should have started a new thread, but I was hoping that it is a simple quick fix that I could apply. Please kindly let me know if you prefer that I start a new thread with this issue.

Hi @nobuhlesibusiso

We usually keep the tickets split on different threads but since it is on the same form I believe we can keep it from this thread.

I checked the shared page and the issue is happening due to some custom padding:

https://monosnap.com/file/UwLsD7OnDTbNuITAf1UpVMCy7WjNSd

the PX is a fixed value, but values like 350px can cause issues on small screens, it is also suggested to handle the form position on page builder instead of using padding px.

For a workaround solution, you can modify the CSS to any screen below 1220px

@media only screen and (max-width: 1200px) {
  #forminator-module-768:not(.select2-dropdown) {
    padding: 0 20px !important;
    }
}

To apply the CSS you can use the WordPress > Appearacen > Customiser > Additional CSS or Forminator > Form > Appearance > Custom CSS.

Best Regards
Patrick Freitas

Thank you, Patrick. I realized that changing the custom CSS won’t work for me because it’ll most likely cause conflict with the current CSS code I have there to adjust for site-wide padding. So, I decided to just lower the padding amount to 200, I believe. I’ll have to now go and check to see how it will appear on small screens next just to see if I should lower it further. I appreciate the heads up.

On another note, I did start another thread about someone entering an order without going through the process. When I saw this email, I chuckled realizing it was you testing the form. At least I started that new thread lol. I’m sure I’ll be chatting with you there too. :_))

Thanks for everything.