My form gets cut off at the bottom!

Hello - I am using a jotform for a rental application on my website hosted by godaddy.  The bottom of the form is cut off so that applicants cannot see payment instructions or click the "submit" button.  I am using iframe code.  

Hi,

It seems like the problem is that your pages on your form has different height.

If you use the iFrame code you could try setting a fixed height of it and remove the <script> code.

Here's an example.

When you first copy the iFrame embed form code, this is how it looks like:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52094760219961" frameborder="0" style="width:100%; height:514px; border:none;" scrolling="no"></iframe>

<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

Now remove all the bold parts shown above and use the code wrapped in <iframe> tag. This is the final code that you'll use, however, make sure to adjust the height value.

<iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformpro.com/form/52094760219961" frameborder="0" style="width:100%; height:1014px; border:none;" scrolling="no"></iframe>

However, please do take note that you'll set a fixed height on this. If you wish your form to automatically adjust the height, you could try using the default embed code instead.

I hope that helps.