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

    Why embedded form is cutting off at the bottom in Safari?

    Asked by JulieLabrosse on May 18, 2016 at 02:35 PM

    Hi I have a problem with my form 

    Tim Hortons form 

     

    It cuts and the button when I want to pay 

    So it works not ok in Safari 

    What can I do ? 

     

     

    Page URL:
    http://boodesign.ca/fr/tim-hortons/

    and problem in a
  • Profile Image
    JotForm Support

    Answered by Kevin_G on May 18, 2016 at 04:28 PM

    I have checked your form and I was able to see the same, but it seems to be happening only when you load the form using Safari, if you load the form using Google Chrome the height seems to be set properly, I would suggest you to get the iFrame code of your form again and remove the Javascript part, embedding only the iFrame code, this Javascript code sets the height dynamically, but this will be resolved by setting the height fixed, so the final code should look like this one: 

    <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

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

          frameborder="0"

          style="width:100%;

          height:1530px;

          border:none;"

          scrolling="no">

        </iframe>

    **Do note this is a sample code, you will need to make the change in the code given by the publish wizard, do not embed this code. 

    Once you embed the form using the code with the fixed height then it should display properly in all web browsers, here is a sample when I did this test using Safari: 

    Do let us know if it worked.