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

    Embedded iFrame cut off vertically

    Asked by holmster on September 05, 2014 at 01:18 PM

    Hi,

     

    We have a housing form http://www.jotformpro.com/form/31123673651954. I have embedded two forms: http://www.jotformpro.com/form/31045700381948 and http://www.jotformpro.com/form/31056371986965http://www.jotformpro.com/form/31056371986965

    I embedded these forms using the iFrame method. When I am editing the forms, they show up fully in the housing form. However when I preview form or someone tries to access the form to fill it out, the embedded forms are cut off after the first couple of entry fields.

    I have tried re-embedding, adjusting the height to various amounts, but nothing changes, it is always gut off at the same point.

    If I set scrolling to yes or auto it will allow you to scroll through the embedded form, but the frame it is in is tiny and not conducive to filling out the form.

    Page URL:
    http://www.jotformpro.com/form/31123673651954

    preview form height preview scroll
  • Profile Image

    Answered by jedcadorna on September 05, 2014 at 02:55 PM

    Can you please share to us your website URL so we can check how your form is embedded. Have you tried removing the <script> </script> tag? Just copy the iframe part then remove the script tag below the code that would make it a fixed height then just adjust the pixel of your form height.

  • Profile Image

    Answered by holmster on September 05, 2014 at 03:43 PM

    The main form is not embedded in a site, we just give them the link to the housing form. The other two forms are embedded into the main form using the iFrame method.

    I tried removing the script tags, but I am getting the same results. The height is set to around 1920px but it is only showing about 150px of the embedded forms.

  • Profile Image

    Answered by jedcadorna on September 05, 2014 at 04:15 PM

    Replace the text tool with iframe embed widget then apply the height and width that would fit your form that should solve the problem of form being cut off.

    Here's a cloned version of your form http://form.jotformpro.com/form/42476203467961 where I have replaced the text field to iframe embed.