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

    My form embed height exceeds my website container hiding some elements

    Asked by greateratlantabuffalosoldiers on February 03, 2015 at 08:13 PM

    After following proper procedure and embedding form on the site, it appears that the form is working properly, but when I revisit, there is an item missing from the form such as the submit button for patrons to pay for services. 

    When I looked on the form, it was there, so I copied and embedded it once more on the website, and now it's functioning. 

     

    What's causing this? 

    Page URL:
    http://www.greateratlantabuffalosoldiers.com/#!149th-reunion-electroni<br/>c-registration/cw6s

    site and Embedding form
  • Profile Image
    JotForm Support

    Answered by TitusN on February 04, 2015 at 12:00 AM

    Hello, 

    The reason why some elements cannot be viewed sometimes is because the form seems to be longer than the height you have set for the website. 

    Some Internet browsers like Google Chrome correct this by updating the website height to fit all content, but some don't. 

    To correct this, you would have to make adjustments to the website height to fit the form.

    Alternatively, you can allow users to scroll through the form should the form be longer than your website container. 

    To do this, change "scrolling" value on the embed code to "yes"as shown below: 

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="42092157667157" id="42092157667157" style="width: 100%; border: none; height: 15952px;" scrolling="yes"></iframe>

    Try that out and let us know. 

    Cheers!