JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
My embedded form is only loading sometimes!Asked by atomicdisc on April 06, 2016 at 03:02 PM
This is a very URGENT matter!
I am using jotform as a simple file upload form and sometimes it shows up on my webpage and sometimes it doesn't!! Sometimes it shows up on first load and then disappears if you refresh the page and sometimes it does not show up on first load, but shows up if you refresh the page.
See the screenshot attached for what it looks like when it doesn't show up.
The form is embedded using this code:
It is located on these two pages:
I have been able to replicate this issue in Safari 9.0.3, Chrome 49.0.2623.110 and Firefox 29.0.1.
I tried using the iframe embed code instead and it didn't make matters any different.
I have also tried removing the two column layout and it didn't make a difference either!
The form script changes the form container height to 0 pixels on your web page for some reason (might be related to conflict with other scripts of the web page).
I would like to suggest trying the iFrame code again, but with removed auto-height script that is following the iFrame code.
Please give it a try and let us know if you need any further assistance.
Thank you for getting back to me. I did what you said and now the form is loading fine it seems. HOWEVER, by not including the script the iframe is set to height: 539px; which make the submit button disappear as soon as you add a file or two.... Since it doesn't scroll or change it's size... I tried changing the height to auto; - no luck and also 100% and that didn't make a difference either...
I don't want it to scroll, I want it to grow with the content.
Hoping for a speedy reply.
You can make height of iFrame fixed to 550px and that will show the whole form(I tested on this page: http://www.atomicdisc.com/pages/completing-your-order):
I tried on Firefox and Internet explorer as well and it worked fine.
Please let us know if you have further questions.
That solves the problem if people choose one or two files. If they select 10 files it will push the Submit button off the form and it becomes invisible.... And if I set the form height to be 1000px to compensate, it pushes the content below the form way down the page... Is there a way to make the form automatically grow... I tried height: auto; - no luck.
Please fix this.
You are right about the potential problem on the form heigh when multiple upload will be done. I was able to simulate the scenario and see the issue
Can you try using the default script embed code instead. Not the iframe, but the script only embed.
Let us see how it goes.
Thanks everyone for trying to fix this. Jonathan, if you see the whole support thread here, you'll see that I initially used the default embed script and then the form didn't always load. On recommendation from your support team, I switched it to the iframe embed - which makes the form load ok, but then I have the issue of it not growing properly.
This is getting pretty frustrating.
Please help me fix this.
I am able to reproduce the same issue that you're having when I've upload multiple files.
Can you re-embed your form as
<iframe id="JotFormIFrame" allowtransparency="true" src="https://form.jotform.com/60735858917975" frameborder="0" style="width: 100%; height: auto !important; min-height: 650px !important; border: none;" scrolling="auto" onload="window.parent.scrollTo(0,0)"> </iframe>
If it does't solve your problem, please let us know. We will be happy to assist you.
This sort of solves the issue... It is a little less than ideal having to scroll within the form. Is there no way to make it auto grow with content?
One more thing. By using the iframe code without the following script, the hover text disappears...
Is there a way to have a file upload form, that always loads on the page, also on refresh, can take multiple files and automatically grow and show hover text over the form fields...?
At the moment the suggestion given to you by my colleagues, is the most efficient regarding on the height of the iFrame.
I have been doing research and found some other methods, but require you include JS on your site.
If you like you may view a nice sample I found on the web that might help, but not certain.
In regards to your issue with the hover text. I did notice it. Can you please re-embed your form and clear both your cache and cookies. I have cleared the forms cache.
Please let us know if you require additional information.