Calculated form not appearing

I duplicated the Shortcode on the WordPress page and removed the first instance of the shortcode. That made everything start working again. Peculiar problem… …

• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast. Reason: Marking as resolved

Hello @alwaysenthusiast

Thank you very much for using our plugin, and let me know that you found the solution to the issue. However, it is weird because the plugin creates separate instances for every form shortcode, even if you duplicate the shortcode of the same form.

Please, watch the following video. I inserted multiple instances of the same form on the page:

https://resources.developers4web.com/cff/tmp/2023/05/12/video_o.mp4

Best regards.

The calculator was only shown briefly and then vanished again. I was using the standard WordPress “Shortcode” to insert “[CP_CALCULATED_FIELDS id=”6″]”. Your short video made me realise that your plugin has a new tool to insert the code on the relevant page. When I used that instead it seem to work (at least for now).

Hello @alwaysenthusiast

Thank you very much. I installed the WordPress “Classic Editor” to try the shortcodes directly and there is no problems from my side. Please, watch the following video:

https://resources.developers4web.com/cff/tmp/2023/05/12/video2_o.mp4

So, I guess the issue must be caused by a conflict with another plugin installed on your website or the active theme.

Best regards.

The calculator is gone again. I think I have now found a pattern. If I log in using Chrome, go to https://science-network.tv/epv-calculator/ and click on edit. If I then update (even if nothing was changed) and view the page I can see the calculator fine. However, it remains invisible in another browser (Edge where I am not logged in to the site). As soon as I log out from the WordPress site in thye first browser the calculator becomes invisible there as well. Hence, it seems the calculator is only visible when I am logged in. I use the latest version of WordPress. Any ideas?

• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast. Reason: Clarification

Hello @alwaysenthusiast

Third-party plugins used to manage the website’s caching generally cause the problem you mentioned. If it is the case, there are some possible solutions.

If you have an updated version of our plugin, you can insert the form’s shortcode with the iframe attribute:

[CP_CALCULATED_FIELDS id="6" iframe="1"]

Or, if you are using a plugin for optimizing and caching the website, please, check its settings and ensure it is not applying delay or deferring to the jQuery library.

Best regards.

I am not using any plugin to cache the website or doing any optimisation. Adding the iframe solved to problem in Chrome for a short while but the calculator then vanished again. So far it seems to remain visible in Edge.

I can also mention that I have another calculator on another page in the same site and that seems to work fine without the iframe (Sample size estimation – Science Network TV (science-network.tv))

• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast.
• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast.
• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast.

Hello @alwaysenthusiast

With the iframe attribute, the form loads only the CSS rules defined by the plugin, not the styles inherited from the theme active on your WordPress. But you can fix it in a very simple way. You can enter the styles’ definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder *{
  font-family: Segoe UI, Arial, sans-serif !important;
  line-height:20px;
}

#fbuilder legend{
  font-weight:bold;
}

Best regards.

The iframe did not solve the problem in Chrome but it works in Edge. Also I only have this problem for one (the more complicated) calculator but not for another (simpler) calculator.

Works again in Chrome. The more complicated calculator has previously worked fine all the time but now lately it seems to alter between being invisible and visible. The simpler calculator seem to work fine all the time. Peculiar problem.

Hello @alwaysenthusiast

I’m visiting the URLs you sent me as a reference and the forms are visible in both. Please, look at the screenshots images below:

Are you referring to a different page or form? Note I’m checking them in Chrome. Could you try with the browser in incognito mode to be sure the issue is not related to the browser’s cache or any extension installed in the browser?

Best regards.

It works again in Chrome for me as well. Before changing to iframe the calculator did not appear in either Chrome or Edge so I assume it is not meerely a Chrome issue. I will test during the coming days and then describe what I find.

Your two screen shots show the same (complicated) calculator on two separate sites. They have both had the problem of being visible sometimes and invisible sometimes. The simpler calculator that seem to always be visible (without iframe) is found here: https://science-network.tv/sample-size-estimation/

• This reply was modified 1 year, 6 months ago by AlwaysEnthusiast.

Hello @alwaysenthusiast

I’m doing my best to make it fail, but even after emulating a slow network, your page (https://infovoice.se/epv-calculator/) still loads the form without problems.

Best regards.