Height issue of iFrame embedded form

Thanks that worked. I have an issue though of not being able to see the next button at the bottom of the page when viewing on a mobile device.  I have to enlarge the iframe on the webpage larger than the from to be able to view it.

The iFrame height should be automatically handled by a script that is following the iFrame code.

If the auto-height script is not working right in your case, you can override the iFrame height value manually.

Example:

<iframe frameborder="0" id="JotFormIFrame" name="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" scrolling="no" src="https://form.jotform.com/60827035958969" style="width:100%; height:539px; border:none;"></iframe>

changed to

<iframe frameborder="0" id="JotFormIFrame" name="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" scrolling="no" src="https://form.jotform.com/60827035958969" style="width:100%; height:800px !important; border:none;"></iframe>

Where we change the height from 539 to 800 pixels.

Made the change but it made no difference.  The height on the form in iframe is set at 2285px.  I added the !important and increased the size but it made no difference.

I took a look at your website and it seemed to be OK for me, but if you are still having issues, please do try changing the code a bit.

If I understood you correctly, you had the height at 2285px and it was still not showing the full height. In that case, do try using the following one instead:

<iframe frameborder="0" id="JotFormIFrame" name="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" scrolling="no" src="https://form.jotform.com/60827035958969" style="width:100%; height:800px !important; border:none; min-height:2300px;"></iframe>

This will keep the minimum height for you, no matter what the size of the screen is, so on desktop it would be too big. As such this is only temporary to find the one that is best for you.

When you test out the form and find the value that is best for you we would help you with the CSS that you can add to your website page - before the iframe code - which would make it as big as needed, across devices.

I added the code and it did not change anything on the desktop or mobile.

 

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/60407022646145" frameborder="0" style="width:100%;

      height:800px !important;border:none; min-height:2300px;" scrolling="no">

    </iframe>

The issue is most likely related to the static height of the form placeholder on your website.

Please try to increase the form placeholder element size.