• Resolved jdphoenix

    (@jdphoenix)


    Hello, for some reason your form isn’t consistently displaying in a two-column layout on the front end. About 80% of the time, each field shows up in a single row instead. Could it be a CSS issue that might be causing the problem? Thank you.

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi @jdphoenix

    I hope you are doing well today.

    Apart from missing columns, I also see that date field is missing icons in the calendar modal. I also see that all CSS on the site is combined into one file. I suspect you use some cache and optimisation plugin. If so, can you disable that and see is that helps?

    Also, would you please run a conflict test? Please deactivate all plugins except Forminator and check if the problem is gone. If so, then enable all plugins one by one and find which one is having a conflict. If there is no positive result, switch to the default WordPress theme like 2019 and see if it works.

    Before this test, we recommend full site backup or running this test on the staging site.

    Kind Regards,
    Kris

    Thread Starter jdphoenix

    (@jdphoenix)

    Thank you for the reply. I have disabled the minify options on the caching settings on the quote page I referenced and it appears to have solved the issue, however, I still am experiencing the issue on our homepage. Does your form not work properly with WP Rocket? I’m okay with disabling caching entirely on the QUOTE page, however we need to keep the HOMEPAGE cached. Look forward to your reply. Thank you

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @jdphoenix,

    I wasn’t able to find any issues with WP Rocket and Forminator reported at our end. However, it is generally suggested to exclude the form pages from page caching as it can interfere with how forms work.

    However, loading the form using Ajax should help to overcome this limitation. Do you have the “Load form using AJAX” option enabled under the Behaviour tab of the form? If not, can you please enable the same and check if that helps to resolve the issue?

    Please update us here with the results so that we can help you further.

    Best Regards,
    Nebu John

    Thread Starter jdphoenix

    (@jdphoenix)

    Hi there,

    Yes, Ajax options are selected. WP Rocket was able to get the columns displaying, however now the calendar pop up shows a lot of blank information. You can compare the two by going to the “quote” Page and then where the problem lies, the homepage.

    Caching is disabled on the “quote” page, however, we need caching to be used on the homepage. Is this typically, a common occurrence for pages that use caching?

    Thank you

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @jdphoenix

    I have reviewed your home and quote page but at this moment I can’t repclicate the mentioned issue your form loads as expected all the time.

    View post on imgur.com


    However, it seems your issue is related to minify CSS files, a possible solution is to exclude forminator files from WP Rocket optimization.

    /wp-content/uploads/forminator/
    /forminator/assets/forminator-ui/css/src/form/forminator-form-default.full.min.css

    Please take a look at this document to learn more how to do that:
    https://docs.wp-rocket.me/article/977-exclude-files-from-load-css-asynchronously

    Best Regards
    Amin

    Thread Starter jdphoenix

    (@jdphoenix)

    If you refer to my message, the homepage is where the issues lies. I have added your suggestions below, and it made the form worse. I have now restored it to its previous state.

    WHAT I TRIED…

    I tried adding to the asynch section: $excluded_files[] = ‘forminator/assets/forminator-ui/css/src/form/forminator-form-default.full.min.css’;

    NOTE: the CSS asynchronously option/section above is used for a backup only. We use the remove unused CSS instead.

    I added this to the java script defer exclusion area…

    /wp-content/uploads/forminator/

    No luck. Is that what you were suggesting or no? Thanks

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @jdphoenix

    I believe this issue is not related to JavaScript delay and only caused by WP Rocket critical CSS feature.

    For some reason, it can’t detect the correct CSS files for the form and changing the load of main form CSS codes which is causing style issues.

    To fix this, you need either to exclude all fomrinator files from WP Rocket critical CSS or add the missing CSS codes in async load.

    NOTE: the CSS asynchronously option/section above is used for a backup only. We use the remove unused CSS instead.

    That could be the problem here because, as I mentioned, wp rocket didn’t detect the correct CSS code and removed important CSS codes, so please switch that to asynchronous load.

    Best Regards
    Amin

    Thread Starter jdphoenix

    (@jdphoenix)

    Hi there,

    Okay, I think we got WP Rocket to play nice with your plugin except for one thing… using a mobile device, when I open the calendar the selection fields for month and year are blank. This is not user friendly at all. WP Rocket said this is not on their end. They disabled completely and the problem still existed. Thoughts? Could send a screenshot if it was allowed. Its basically the two fields above the dates when you click the calendar icon. Thanks

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @jdphoenix,

    I reviewed the issue you mentioned and was able to reproduce it on your website. However, when I tested the same scenario using a test form on our end, I was not able to replicate the issue there.

    Can you please share an export of the form so that we can take a closer look at the issue? Please share the export of the form using Google Drive or Pastebin.com.

    I hope the following guide comes in handy: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

    Looking for hearing back from you.

    Best Regards,
    Nebu John

    Thread Starter jdphoenix

    (@jdphoenix)

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @jdphoenix,

    Thank you for getting back to us.

    To investigate the issue further, I imported the form to a test website at our end. However, I wasn’t able to replicate the issue.

    Please check the following screenshot: https://ibb.co/8nzKBTQg

    The issue appears specific to your website.

    To ensure no other plugin or theme is conflicting and causing the issue, please perform a complete conflict test. That is, deactivate all the plugins except Forminator and check if that resolves the issue. If yes, reactivate all the plugins, one at a time, and check when the issue reappears. You need to do the same with the theme as well.

    The following documentation should help you further: https://wpmudev.com/docs/getting-started/getting-support/#conflict-test

    If this is a live website with traffic, please create a staging website and perform the test without disrupting the live traffic. A staging website is a copy of your live website in a new directory on the same server using a separate database.

    Please update us here with the results so that we can help you further.

    Best Regards,
    Nebu John

    Hi @jdphoenix

    We haven’t heard from you in a while, I’ll go and mark this thread as resolved. If you have any additional questions or require further help, please let us know!

    Kind Regards,
    Kris

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Inconsistent Columns’ is closed to new replies.