Too much space at the end of form + scroll up after sending form

  • Profile Image
    Asked on January 26, 2013 at 04:59 PM

    Hello there,

    I have two questions:

    1. At the end of the form there's a lot of space. Is there any way to reduce all that blank space?

    2. When a user sends a new notification, all the text boxes and button dissapear, and then you get the message that says that it was succesfully sent.

    The problem here is that my form is kind of big, so after clicking on the Send button, it stays there, where there's nothing. So you're under the impression that nothing happened, whereas the messages gets displayed up on top.

    My question is. Is there any way to scroll up after sending the form so that the user can see the "message succesfully sent" label?

    You can take a look to the site if you wish, and even send a test form to see what I mean.

    Thanks a lot!


  • Profile Image
    Answered on January 26, 2013 at 06:56 PM


    Since you are using your forms iframe code to embed, please try reducing the given height parameter to 1880px to maximize the form's height/lenght.


    use this guide How-to-get-your-Form-s-Iframe-Code

    Please inform us should you have further inquiry.


  • Profile Image
    Answered on January 27, 2013 at 05:39 AM

    Hello there,

    Thanks a lot for you help. Unfortunatelly, it does not work. I have even tried to set up the height to 500px, or 100px, and does not event eleminate a bit of blank space. Any suggestions?

    Also, is there any solution I could implement for point number 2 of my previous post?

    Thank you so much again!

  • Profile Image
    Answered on January 27, 2013 at 10:01 AM

    Hi dherz,

    To fixed the said issue, I would suggest you to re-embed your form iFrame code in to your website page.

    This is your Form iFrame code:

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

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

    Please delete browser cache and cookies also after re-embedding.

    Thank you!

  • Profile Image
    Answered on January 27, 2013 at 02:04 PM

    Hi there,

    Thanks a lot for you quick response. I have followed every step you sent me. I did copy the code from my Jotform panel, and pasted into my WP page, changed the height value, and deleted browser chache and cookies. And even tried out using IE and Chrome. But it did not work. Still got the same amount of blank space.

    I repeated the same procedure copying the hightlighted code that you sent me. I pasted it into my WP page, saved and deleted browser cache and cookies. It did not work either.

    Any suggestions? I really appreciate your help!

  • Profile Image
    Answered on January 27, 2013 at 02:23 PM
    Your site is missing an important DOCTYPE declaration. Based on my tests, that is most likely the reason for the gap between the html divisions in your page
    To solve this problem,  please replace your current doctype declaration
    <!DOCTYPE html> with  the one on this link
  • Profile Image
    Answered on January 27, 2013 at 02:56 PM

    In that case, I'll contact the support team of my Wordpress template since I don't know how to insert that into Wordpress.

    I'll get back to you if it does not work. Thanks you so much for you help! :-)