Form fiels not visible on front end

By: Gerry Bolger | Asked: 01/24/2023
ForumsCategory: General questionsForm fiels not visible on front end
Gerry Bolger asked 1 year ago
Hi I have spent days working on the nuances of this form, which isn\'t huge. I\'ve now discovered issues with the form fields appearing. There are 5 pages, 4 sections, and it is not showing the first 3 sections - the most important - just the next button and the progress bar. Oddly, it shows in Firefox, but not in private mode. In Chrome, it intermittently appears and in Safari, the same. I attach what SHOULD appear and what IS appearing. Any thoughts? Many thanks Gerry    
4 Answers
Best Answer
Gerry Bolger answered 1 year ago
All fixed. Somehow, and I don't know why - but suspect I copied a section - I has the first 3 sections as administration only visible x-( :-s >:( :pouting:  My bad! Thanks Victor, just shows, when doing this late you can make simple mistakes like this.
Victor Font answered 1 year ago
It's impossible to tell from your images what's correct and what's not. You haven't labeled the images for us to know. Multi-page forms are controlled by jQuery/Ajax. Any jQuery/JavaScript error from any plugin or script will cause all other jQuery/JavaScript functions to fail. Did you check your browser's console for script errors?
Gerry Bolger answered 1 year ago
Victor Thank you for replying. Apologies for the confusion with the screenshots; it was only when I was uploading i found it was only limited to three, and they were meant to be paired, as in the first two, what is being seen - just the bar and next - with what is meant to be being seen (which I see on my browser). I didn't look at the console, but I have now and attached it. Oddly Grammarly is causing an issue which I don't know why, as it's not a WordPress app. The rest of the output is jargon, so if you can advise, I'd appreciate it. I also wonder if there are any viewing settings I need to consider, as it's showing for me when I'm logged in, but it seems to be when a non-logged-in user is not showing. Thanks in advance
Victor Font replied 1 year ago

Whenever I see odd behavior reports like this, my first thought is the likely culprits, plugins, whether they are WordPress or browser related.

If Grammarly is causing issues, is there a browser plugin or extension installed?

Have you tried a different browser or running the browser in safe mode with all plugins and extensions deactivated?

Have all caches been cleared from the browser and server?

That's the fastest way to the real culprit. With the caches cleared and the browser in safe mode, if things still don't load properly, the issue is further up the execution chain.

Gerry Bolger replied 1 year ago

Hi John - yes, have done all that and as noted above has checked different browsers. I did change some plugins in wordpress which maybe the cause but they've been deactivated (and the new ones removed, cache cleared, and checked in a private browser, and no change.

Any other thoughts?

Gerry Bolger answered 1 year ago

OK, a further deep dive. Seems to be weird issues, but in Safari, once I deactivated all the styling, the fields appears. But this did not occur in Chrome or Firefox.  In Firefox I get this error: WebExtensionPolicy.canAccessWindow: Argument 1 does not implement interface WindowProxy. 2 Extension.jsm:2765 canAccessWindowresource://gre/modules/Extension.jsm:2765 canAccessWindowresource://gre/modules/ExtensionCommon.jsm:497 getLastFocusedchrome://browser/content/parent/ext-windows.js:214 getLastFocusedself-hosted:1356 resultresource://gre/modules/ExtensionParent.jsm:1156 withCallContextDataresource://gre/modules/ExtensionParent.jsm:639 resultresource://gre/modules/ExtensionParent.jsm:1155 withPendingBrowserresource://gre/modules/ExtensionParent.jsm:649 resultresource://gre/modules/ExtensionParent.jsm:1154 callAndLogresource://gre/modules/ExtensionParent.jsm:1107 recvAPICallresource://gre/modules/ExtensionParent.jsm:1153 AsyncFunctionNextself-hosted:807 Can anyone advise what this means and what to do about it?   -------The 2nd console output is from Chrom (Mac)JQMIGRATE: Migrate is installed, version 3.3.2 [Intervention] Slow network is detected. See for more details. Fallback font will be used while loading: [Intervention] Slow network is detected. See for more details. Fallback font will be used while loading: [Intervention] Slow network is detected. See for more details. Fallback font will be used while loading: [Intervention] Slow network is detected. See for more details. Fallback font will be used while loading:
/favicon.ico:1          Failed to load resource: the server responded with a status of 404 ()  Mean anything?? Thanks everyone

Victor Font replied 1 year ago

None of these issues have anything to do with Formidable. Everything referencing ExtensionParent.jsm is a browser extension. The woff2 issues mean that your google fonts aren't loading because your server/network is too slow. Load your Google fonts locally instead of relying on Google. Last, error 404 for favicon.ico means file not found. You don't have a favicon set for your theme.

Gerry Bolger replied 1 year ago

Thanks Victor, that's what I thought too, but at this point it I wanted to check what was what. What is bizzare is that 3 pages are not showing but three are, why could there be a discrepancy?

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community