- goigniteitAsked on April 22, 2011 at 10:10 PM
Here is my form sample http://theimagedepartment.com/JotForm.html When viewed in Safari there is a lot of white space below the page break. In Firefox, Chrome and IE this space does not exist. This white space equals the height of the form. The direct link to the form http://form.jotform.com/form/11082529418 has no white space and views perfectly in all browsers. Any idea what is causing the white space after the page break in Safari?
Thanks in advance.
- allanftdAnswered on April 22, 2011 at 11:54 PM
Thank you for posting your concern here. If you haven't done it yet, please try to use the Iframe embed code like the one below instead of the one you're currently using in your website:
<iframe allowtransparency="true" src="//www.jotform.com/form/11082529418" frameborder="0" style="width:100%; height:478px; border:none;" scrolling="no">
You can adjust the height (highlighted in green) to your desired number in pixels.
Please let us know how it goes. Thank you for using JotForm!
- goigniteitAnswered on April 23, 2011 at 12:31 AM
Thanks. This does fix the extra space problem, but this is a multipage form so setting a fixed height will cause the other pages of the form to be cut off if they exceed 478px. See http://theimagedepartment.com/JotForm2.html
- allanftdAnswered on April 23, 2011 at 04:11 AM
Thanks for the update. In that case, we can make some slight modifications to the code so that the height will not be fixed and scrollbar will appear if when necessary:
<iframe allowtransparency="true" src="//www.jotform.com/form/11082529418" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="auto">
Please click here to view this code in action. Let us know if it works for you or not.
Thank youfor using JotForm!
- goigniteitAnswered on April 23, 2011 at 11:02 PM
Yes that solved the problem. Thank you very much!