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

    Form embedded on Shopify: It is cutting off at the bottom.

    Asked by Duxster on September 14, 2016 at 03:45 PM

    I have a form that looks fine with Firefox and Safari (Mac) but gets seriously cut off in Chrome. It's a Shopify site and I've tried both the embedded and iFrame options. I've attached screenshots.

    Page URL:
    http://www.thecheckprintshop.com/pages/washington-state-tax-exempt

    Screenshot
    form not displaying displaying correctly in
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 14, 2016 at 05:09 PM

    I have checked your webpage and I can see what you're referring to, I can also see that you're using the default embed method (JavaScript) and seems like it is not setting enough height value to the form when it loads on Chrome.

    In order to avoid any conflict with the existing code in your website and the JotForm, please try injecting the iFrame code of your form: 

        <iframe

          id="JotFormIFrame-41168545567160"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/41168545567160"

          frameborder="0"

          style="width:100%;

          height: 980px;

          border:none;"

          scrolling="no">

        </iframe>

    It has a fixed height value so it shows completely without needing the JavaScript code. 

    Please do let us know  how it goes after embedding this code. 

  • Profile Image

    Answered by Duxster on September 14, 2016 at 06:03 PM

    The iFrame code you provided seems to have fixed the problem - thanks. I do see that the iFrame code that your system generates is different than what you provided.

  • Profile Image
    JotForm Support

    Answered by liyam on September 14, 2016 at 09:06 PM

    Thanks for your response and confirmation that Kevin's code resolved your issue.

    With regard to the code provided by the form builder. It has a script provision that should automatically expands the height of the form. However there are instances that this script fails to work properly, such as those in conflict with the web page's scripts where the form is embedded. As a result, the viewable area of the form may appear different.

    If you have questions, please let us know.

    Thanks.