What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Forms not fully loading in Google ChromeAsked by tdiintl on April 02, 2014 at 02:15 PM
Our forms do not fully load in Google Chrome. They work fine in Firefox and IE. I'm using the setup and embed tab and then clicking "source code" which I copy to my webpages. It's loading the page with the first 2-3 items (text boxes) in the form and then the rest never loads.
I tried refreshing the page and this does not help.
I've included an example page. The url is listed below and I've got a screenshot of what it looks like. Chrome side by side vs. FireFox so you can see what I mean.
Any input would be much appreciated! Thanks - Jackie
source text boxes setup and embed tab thanks
I can see what you mean. The form is cut off in Chrome. This may be related to the embed method you are using. Could you please try re-embedding your form using the iframe code at this time? Here is how to get the iframe code: Getting the form iframe code
Please let us know if the issue still persits using the iframe code.
I have been asked to try iframes for my forms previously and this made the forms not work in FireFox. I need a fix that allows the forms to work in all browsers.
It appears you are placing the embed code right under the footer. This could be a possible reason as to why your form has limited height.
Please try adding the embed code on a vide above the footer. If possible on the PageDescription div. As my colleague suggested the iFrame method yields better results, while it is strange one browser is working well with script mode. If possible to try adding the iframe code above the footer on this or a copy of this html page for testing.
Do let us know if you try this out. Thank you.
Screenshot of possible issue:
I see what you mean. Unfortunately, that footer is part of the software that I'm using and it's not editable via the software. I can try to contact them although to be honest, they are never very helpful. It's so strange that this only happens in chrome. We don't have a huge chrome user base but I still would like them to work in all browsers.
Unfortunately, our option became limited if you will not be able to get a hand on the website editor to at least manually fix or do adjustment on the web page.
Another suggestion I can ask you to try is using the iframe embed code of the form. I know that you mentioned this already and you had issue with Firefox browser.
BUT you did not mentioned specifically what did not work.. and perhaps we can still give you workaround/suggestions if we can see the form embedded on your website using its iframe code embed.
Perhaps its worth a try to test using the iframe embed so that we can do further on our end. You can just put it back to script embed anytime if no solution work.
Yeah it's a pain not being able to have access to edit that type of stuff! I'm going to submit a ticket with the website software company and see if there is some way to remove (or just move) that code this morning. If they are unable/unwilling to work with me I will try the iFrame route. I don't remember what exactly went wrong in FireFox when we tried them last time, I would have to research it. I do know my bosses will not want me to make them stop working in FireFox to allow them to load in Chrome though. Thanks again for the continuing help!
When embedding your form using our iFrame method, I would recommend removing the scripts tags from the codes. The output should be this one:
<iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformpro.com/form/23476031879966" frameborder="0" style="width:100%; height:3274px; border:none;" scrolling="no"></iframe>I hope this helps.Thanks
It seems to be working now. I tried the iFrame version on IE, Chrome and FireFox and confirmed they are working properly. Maybe last time I tried was with an older version of FireFox or something.
Also, curiously, the software I'm using is automatically removing the scripts tags! I will go ahead with making this change to all of my forms.
Thanks for the help, you guys are great!
Great to know that. It's our pleasure to help. Please contact us again if there are any problems.