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.
Form not displaying full height in Chrome (cut off)Asked by Debwork on March 06, 2015 at 01:47 PM
Site has 2 forms, one shows up in Chrome and the other has a big problem in Chrome.
Tried it with a plugin but now code is...
height form not displaying displaying cut
<code> is not on the page... thought I needed it to post!
Let us know if the issue still persists. We will be happy to look into this issue further.
Using the plugin the form is visible but not 100% vertically visible without scrolling.
Client will not approve of scroll bars... vertical appears in all viewports, horizontal scroll bars are added in smaller devices and vertical view gets even smaller... can only see a few fields!
here is a screenshot
I was able to see that not all of your form is visible within the frame and it does have a scroll bar to access the rest of the form.
Another option that can be used, is embedding your form using the iFrame embed code:
You can adjust the height in the code to ensure that the entire form is showing.
I hope this helps, please inform us if you need further assistance.
How do you set height for responsive design?
Rats, maybe I have to switch it to Gravity forms (sad)
Please attempt to embed your form using the following code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50627060827959" frameborder="0" style="width:100%; height:1700px; border:none;" scrolling="no"></iframe>
This should resolve the issue that you are experiencing. If parts of your form are still cut off please adjust the height that is highlighted in purple.
Please feel free to contact us if you need further assistance.