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

    Thank you page is not showing in full

    Asked by greaterkatypanhellenic on January 29, 2016 at 02:08 PM
    One more issue, on the thank you page. the Thank you and the link on that page is not showing the gull page/. 
  • Profile Image
    JotForm Support

    Answered by Mike on January 29, 2016 at 02:12 PM

    Do you mean that form is not showing the whole Thank You page upon submission from the following page?

    http://katypanhellenic.org/registration.html

    Can we submit a test entry to check this out?

  • Profile Image

    Answered by greaterkatypanhellenic on January 29, 2016 at 02:16 PM

    Sure, you can send a test entry. I tested 2. and only quarter of a page showed up. See attached photo. Thats the link on the thank you page, but the thank you page itself is also like that. You'll notice there is a scroll bar at the side, it can be scrolled and everything is there.  it seems like the height became limited. I'm not sure if I accidentally changed it, but I don't remember editing that portion of the thank you page. THANK YOU!~

  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 29, 2016 at 11:44 PM

    I was able to replicate your issue, I checked the code and there is a Javascript code that is changing the height of your form and this is why it's being displayed like this.

    I would suggest you to use the iFrame method: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

    It should fix the issue, but please, update us and let us know how it works with the iFrame code.

  • Profile Image

    Answered by greaterkatypanhellenic on February 01, 2016 at 02:59 PM

    I updated the code to the iframe but it's still giving the same output.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 01, 2016 at 05:02 PM

    Yes, I checked your website and I can see that the issue is still there, I copied the iFrame code and pasted it in a locally file and the issue was there, however, I just made some updates on the code provided by the wizard and it's now working, please use this iFrame code: 

    <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/60246169865161"

          frameborder="0"

          style="width:100%;

          height:525px;

          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":

          tempHeight=0;

          if(args[1]==367){

          tempHeight=450;

          }else{

          tempHeight=args[1];

          }

          console.log("Temporary height: " +tempHeight);

           iframe.style.height = tempHeight + "px";

           break;

         case "collapseErrorPage":

           if (iframe.clientHeight > window.innerHeight) {

             iframe.style.height = window.innerHeight + "px";

           }

           break;

         case "reloadPage":

           window.location.reload();

           break;

       }

       var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

       if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

         var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

         iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

       }

     };

     if (window.addEventListener) {

       window.addEventListener("message", handleIFrameMessage, false);

     } else if (window.attachEvent) {

       window.attachEvent("onmessage", handleIFrameMessage);

     }

     if(window.location.href && window.location.href.indexOf("?") > -1) {

       var ifr = document.getElementById("JotFormIFrame");

       var get = window.location.href.substr(window.location.href.indexOf("?") + 1);

       if(ifr && get.length > 0) {

         var src = ifr.src;

         src = src.indexOf("?") > -1 ? src + "&" + get : src  + "?" + get;

         ifr.src = src;

       }

     }

          </script>

    This should show you all the height for your current thank you page.

    Other way to solve it, would be setting the height manually, and avoid using the Javascript code, that calculates dynamically the height for your form.

    If you would decide to do it, you just would need to use this code: 

    <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/60246169865161"

          frameborder="0"

          style="width:100%;

          height:2676px;

          border:none;"

          scrolling="no">

        </iframe>

    It has a fixed height and will be the same for your form as well as for the thank you page.

    Hope this helps.