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 message is cut off in Wix website builder?

    Asked by Johan J. Pieterman  on April 13, 2016 at 09:16 AM

    Goodafternoon,

    We have a problem with the Thank you message.

    In the Jotform editor it looks good, but on the website half of it disappears.

    See the 2 screenshots.

    With greetings,

    Johan

     

    Screenshot
    Thank You message message thank JotForm problem
  • Profile Image
    JotForm Support

    Answered by Charlie on April 13, 2016 at 11:40 AM

    May we know if the form is embedded on a website? If it is, could you please provide us the website link where it is? 

    You could use this custom CSS:

    #stage {

        height: 500px !important;

    }

    Paste it under the CSS tab in your Form Designer Tool. Here's a screenshot of it. You can adjust the height value of the CSS code to your own preference. 

     

    Let us know if that works.

  • Profile Image

    Answered by Hsg on April 13, 2016 at 12:45 PM
    Thank you very much Charlie for the amazing fast replies.
    It works better, but ... not perfect!
    See the screenshot.
    2016-04-13 17:38 GMT+02:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on April 13, 2016 at 01:49 PM

    Unfortunately if you reply to this thread using your email client, and attach an image, it won't go through here in the forum. To share us your screenshot, you need to visit this thread https://www.jotform.com/answers/817310 directly, then use the image upload button.

    You can also follow this guide on how to share your screenshot: https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-in-support-forum.

     

    We'll wait for your response.

  • Profile Image
    JotForm Support

    Answered by Charlie on April 13, 2016 at 02:54 PM

    It looks like the form is embedded on a website, could you please provide us the website where the form is embedded so that we can check it further? It would be quite hard for us to check how the problem is manifesting without knowing how it is actually setup.

    But based from the screenshot, it seems like the parent element where the form is has a shorter height. 

  • Profile Image

    Answered by Hsg on April 14, 2016 at 03:45 AM
    Goodmorning Charlie,
    The website is http://huizesolagratia.wix.com/hsg1
    Click the button 'Reserveren' on the homepage and you get the form.
    Many thanks,
    Johan
    2016-04-13 20:52 GMT+02:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on April 14, 2016 at 04:40 AM

    You can update the css code that my colleague provided earlier and change the value of the height from 500px to 420px.

    #stage {

        height: 420px !important;

    }

    You can also check out this guide on how to add/update custom css: How to Inject Custom CSS Codes
    Once the code has been added, the Thank You page should now look like the screenshot below:

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by Johan J. Pieterman  on April 14, 2016 at 09:10 AM

    Thank you.

    I updated the CSS code, but the result is the same.

    See screenshot. 

  • Profile Image
    JotForm Support

    Answered by Charlie on April 14, 2016 at 10:42 AM

    I checked your website and I see that you are using Wix.com to build it. 

    Could you please try re-embedding the form but using the iFrame embed code instead?

    Then in the iFrame code, set a min-height attribute in the iframe tags.

    Here's an example of your iframe embed code, simply check the yellow highlight code below and ad and set the min-height to a value that will cover the whole form, try setting it on 520px or 500px.

     <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/61023258665354" frameborder="0" style="width:100%; min-height:520px; 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; 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 means, you just need to change the previous attribute from height to min-height.

    Let us know if that works. This is how it looks like in my test Wix website: 

  • Profile Image

    Answered by Johan J. Pieterman  on April 14, 2016 at 11:48 AM

    I tried it out, but wirh 520 and 500 it was stiil the same.

    But with some more trying I found out that with min-height 600 it is perfect!
    That works too with the Platforms (with Wix).

    So thanks a lot!

    Maybe this can help you to solve the problem:
    When I started with the form the Thank you message was good.

    Then it became very short, and then a little bit longer.
    And so it stayed the same when I started this thread.

    With greetings,
    Johan

  • Profile Image
    JotForm Support

    Answered by Charlie on April 14, 2016 at 12:53 PM

    Thank you for sharing the information :) We're glad everything is working in your end now.

    Should you need our assistance again, please do not hesitate to open a new thread here in the forum.

  • Profile Image

    Answered by Johan J. Pieterman  on April 15, 2016 at 07:29 AM

    Many many thanks for all your help!