iFrame: Bottom part of my form cuts off.

  • Profile Image
    aryan129
    Asked on October 30, 2013 at 08:53 AM

    on iframe, the last line is always missing

    help

  • Profile Image
    apopshop
    Answered on October 30, 2013 at 09:31 AM

    same...

  • Profile Image
    ashwin_d
    Answered on October 30, 2013 at 09:31 AM

    Hello aryan129,

    I am not sure if I have understood your question.

    Can you please share an example on which line is missing in the iFrame code?

    Do you mean to say that some form field gets hidden at the lower section of your form? Please share your webpage URL where you have embed your form using Iframe code. Increasing the height property of the iFrame code should solve your issue.

    Do share your webpage URL and we will send you the updated iFrame embed code.

    Thank you!

  • Profile Image
    ashwin_d
    Answered on October 30, 2013 at 09:38 AM

    Hello apopshop,

    Please share your webpage URL where you have your iFrame embed code.

    In general changing the height property of your iFrame code to "100%" should solve your issue. Here is an example iFrame code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="-----YOUR FORM URL------" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Try this and see if that helps you. Do get back to us with the webpage url if the issue persists.

    Thank you!

  • Profile Image
    apopshop
    Answered on October 30, 2013 at 09:54 AM

    Hello , i have solved this issue but not with height:100% , i change scrolling="no" to scrolling="yes"

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="-----YOUR FORM URL------" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>

  • Profile Image
    ardy0689
    Answered on October 30, 2013 at 10:27 AM

    We are glad that your form's iframe is now working. If you need further help or inquiries, feel free to post them here on the forum. Thank you

  • Profile Image
    aryan129
    Answered on October 30, 2013 at 09:19 PM

    so now it works automatically or i have to change the code??

  • Profile Image
    ashwin_d
    Answered on October 30, 2013 at 10:47 PM

    Hello aryan129,

    The above answer sent by my colleague was in response to @apopshop.

    Fo us to be able to check further, do let us know your webpage URL where you have embed your form. 

    Thank you!

  • Profile Image
    aryan129
    Answered on November 06, 2013 at 10:26 PM

    doesnt work, it disapear after 2 min

    please help

  • Profile Image
    pinoytech
    Answered on November 07, 2013 at 04:10 AM

    @aryan129

    Can you please share to us URL of your website where your form is embedded for further investigation and for further assistance?

    Thank you!

  • Profile Image
    pinoytech
    Answered on November 07, 2013 at 04:13 AM

    @apopshop

    Is everything working fine now? If not, request you to please open/create a separate thread with regards on your query for further assistance?

    Thank you!