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.


  • Profile Image

    Iframe embedded Form Being Cut Off

    Asked by PaulSBarlow on June 05, 2017 at 03:24 PM

    So I had this question before about how I can fix my form from being cut off when translated and was given this code to fix it. This code did fix the problem for my form on the larger break points, however created the same problem on the smaller break points. Whereas before the problem only occured on the larger break points. Please help me make it conhesive throughout all my break points.

    <iframe id="JotFormIFrame-71236038826154" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="no"> </iframe>

    Page URL:
    http://www.jrockconstruction.com/careers.html

  • Profile Image
    JotForm Support

    Answered by david on June 05, 2017 at 05:30 PM

    You can increase the height of the frame in the code:

    <iframe id="JotFormIFrame-71236038826154" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="no"> </iframe>

    Adjust the highlighted value until the full form shows. 

    You can also try the default iframe code which has a script to automatically adjust the height:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

  • Profile Image

    Answered by PaulSBarlow on June 06, 2017 at 07:55 PM

    I was using the default iframe code when I first embedded the form into my website and it would automatically adjust the height but only when left in English. Once the form was translated into Spanish the form wouldn't adjust its height. Also, I tried adjusting the height for the code above but the only thing though is that it keeps that height for all breakpoints in my website. Is there a way that I can have the form be different heights on different breakpoints?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 06, 2017 at 09:59 PM

    You could indeed change the iFrame's height with custom CSS code on your website, but if you want it to have different height values based on the device's screen size, then you would need to add some media queries to your webpage, here is a link with information about it: https://www.w3schools.com/css/css_rwd_mediaqueries.asp 

    You could also set the scrolling option to yes so the form does not cut off: 

    <iframe id="JotFormIFrame-71236038826154" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/PaulSBarlow/employment-application-form" frameborder="0" style="width:100%; height:3900px; border:none;" scrolling="yes"> </iframe>

    Hope this helps.