My full form dosen't show

  • Profile Image
    JulieLabrosse
    Asked 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.

     

  • Profile Image
    david
    Answered 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
    JulieLabrosse
    Answered 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
    david
    Answered 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
    JulieLabrosse
    Answered 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
    david
    Answered 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
    JulieLabrosse
    Answered on February 08, 2016 at 03:30 PM

    Yes dosen't work .. 

  • Profile Image
    david
    Answered 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.