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

    My full form dosen't show

    Asked by JulieLabrosse on February 08, 2016 at 10:32 AM

    Hello,

    I have a probleme with 2 forms on this page : https://2pierrots.com/fr/contact/

    I can't see the send button in the form under embauche musicien and there is a major gap under the form nous contacter.

     

    Page URL:
    https://2pierrots.com/fr/contact/

    Screenshot
    full JotForm uploads png www
  • Profile Image
    JotForm Support

    Answered by david on February 08, 2016 at 11:41 AM

    In the code for your iFrame embeds, you can adjust the height attribute to a larger value:

    <iframe frameborder="0" scrolling="no" style="width: 710px; border: medium none; height: 670px;" src="https://form.jotform.com/52796050711959" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

    Increase this value until the full form shows in your page.

    If this does not allow for the full form to show, let us know and we will be happy to have another look.

  • Profile Image

    Answered by JulieLabrosse on February 08, 2016 at 12:22 PM

    Ok this worked for my embauche musicien form but now I can't see my contacter-nous form in firefox and explorer. 

  • Profile Image
    JotForm Support

    Answered by david on February 08, 2016 at 01:30 PM

    It looks like there is an issue with the iFrame height script.  It is setting the iFrame height to 0.  Try embedding your forms without the script portion:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/52796050711959" frameborder="0" style="width:710px; height:539px; 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>

    Use only the portion between the iframe tags (blue) and remove the script portion(orange)
  • Profile Image

    Answered by JulieLabrosse on February 08, 2016 at 01:41 PM

    I tried but my form just dosen't show on chrome anymore and the situation is the same on any browser. I had to put back the script I had so it can at least show on chrome 

  • Profile Image
    JotForm Support

    Answered by david on February 08, 2016 at 02:55 PM

    It is likely due to having 3 forms embedded to the same page and conflicting resize scripts.  Did you try with the resize script portion removed from all 3 forms?

  • Profile Image

    Answered by JulieLabrosse on February 08, 2016 at 03:30 PM

    Yes dosen't work .. 

  • Profile Image
    JotForm Support

    Answered by david on February 08, 2016 at 04:47 PM

    Does each form work when there is a single form embedded?  The issue may be with trying to embed 3 forms to a single page.  It should work with 2, one via iFrame and one via the regular script embed, however, 3 may be causing a conflict with the frame ID's and height scripts.