Embedded iFrame cut off vertically

  • holmster
    Asked on September 5, 2014 at 1: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.

  • jedcadorna
    Replied on September 5, 2014 at 2: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.

  • holmster
    Replied on September 5, 2014 at 3: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.

  • jedcadorna
    Replied on September 5, 2014 at 4: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.

    Embedded iFrame cut off vertically Image 1 Screenshot 20

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