iframe height issue

  • Profile Image
    Asked on December 16, 2013 at 03:49 PM

    I had to place my form in an iframe (previous support request) As such I am having an issue were not all elements are shown. (iframe height issue) This has occured in two locations: page 3 of form, if you select YES to PSA question and try to input date via calander, the calendar gets cut off, and then page 4 if you select YES to all questions then half of page 5 gets cut off including pager buttons at bottom.

  • Profile Image
    Answered on December 16, 2013 at 05:09 PM


    Sorry about that, and thank you for letting us know. 

    Please re-embed your form and this time, change the following highlighted property to a value of your choosing before inserting it on your website: 

    <iframe id="JotFormIFrame" onload="(function(a){window.CloudFlare &amp;&amp; window.CloudFlare.push(function(b){b([&quot;cloudflare/rocket&quot;],function(c){c.push(function(){(function(){window.parent.scrollTo(0,0)}).call(a)})})})})(this);" allowtransparency="true" src="https://secure.jotform.co/form/33456339880867" frameborder="0" style="width: 100%; height: 442px; border: none;" scrolling="no"></iframe>

    I used " height:1000px" and page 3 to 5 seemed to display all the form elements.

    Please let us know if this helped.