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.
embedded form loads only 1/3 rest is cut offAsked by samphaimobile on September 30, 2013 at 04:12 PM
I embedded one of my forms on a Wordpress page. unfortunatelly the page is in a member area and i cant let you see the result.
However, the form loads only 1/3 and the rest is cut off. I tried to use different ways and ended up to use the <iframe> code instead of the script because i thought it would help but it does not.
I have to say there is a second form just below it (also in a <iframe>) and maybe that causes the error but i can not believe that would be the case.
Any suggestions what i can do? Should i maybe put the whole form into a <div> to be sure it works?
Please see attached screenshot to see what i mean.
Thanks for any solution
3 My Forms different div thanks
It will be helpful if you can give us access to the page , or make a public copy of the page so we can make further investigations, anyways please try:
- Check if your form's containers doesn't have any "max-height" css property which may be is cutting of the iframe height.
- It would be a good idea to put the form iframe inside a div container, then fix the height of that div as same as the height of the form iframe.
You can check the iframe height inside the "style" tag
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//support.jotform.com/form/32727329773968" frameborder="0" style="width:100%; height:1116px; border:none;" scrolling="no"></iframe>...........
Hope it helps
please let us know if you need further assistance