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

    iFrame code not showing entire form when hidden fields are displayed

    Asked by alak12 on August 03, 2015 at 01:37 PM

    I have a form that has worked well for several hundred submissions, however, now it isn't showing all of the fields when fields that are initially hidden are displayed after certain options are selected.  At first I thought it was an issue with my web host.  I have contacted them and their response is that there is some code within the iFrame code that is over riding the height parameter.  How can I go about fixing this so that I can display the form embedded in my website, without the scrolling bars?

    The form can be seen by going to:

    http://www.americanleadership.net/apps/pages/index.jsp?uREC_ID=216250&type=d&pREC_ID=683277

    and

    http://form.jotform.us/form/50264649781160

     

    iframe code iframe height
  • Profile Image
    JotForm Support

    Answered by Mike on August 03, 2015 at 02:29 PM

    Unfortunately, the iFrame embedding method does not come with an auto-height option to resize the form container when conditions are met. 

    Have you tried our Embed JS code? It resizes the form automatically.

    Although, the Embed code may conflict with other scripts of the web page in some cases. If this is not going to work, we will need to work with the size of the form iFrame on your page.

  • Profile Image

    Answered by alak12 on August 04, 2015 at 03:31 PM

    Thanks for your response.  Previously I was having trouble with the Java embed showing the form and another support person told me to use the iFrame code.  With this particular form, I have tried to adjust the height and haven't had any luck.  That's when I turned to my webhost support people thinking the issue was on their end.  However, they were also unsuccessful in adjusting the vertical height code to make it work.

     

    Any ideas on what could be causing the parameter to be over ridden?

  • Profile Image
    JotForm Support

    Answered by Mike on August 04, 2015 at 03:54 PM

    The iFrame height is affected by a script that follows the iFrame code. You can either remove the script, or simply add an !important declaration to the height style.

    Example:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52155607278964" frameborder="0" style="width:100%; height:2500px !important; border:none;" scrolling="no"></iframe>

    It should set a static height of the iFrame. Let us know if you need any further assistance on this.