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

    Changer la hauteur du formulaire. Il y a trop d'espace vide autour du formulaire.

    Asked by kalupa on September 29, 2015 at 08:14 AM

    J'ai vérifié si je pouvais modifier l'i frame une fois le formulaire intégré dans mon site, mais je ne vois pas de chiffre à côté de la hauteur.  Je voudrais insérer seulement des étoiles de notation, mais elles prennent trop de place et tout se décale.

    Page URL:
    http://www.souffledinstant.fr/

    site
  • Profile Image
    JotForm Support

    Answered by Boris on September 29, 2015 at 09:29 AM

    It looks like the form is incorrectly calculating its own height at 931 pixels of height, rather than 461 pixels. I can see that this is your embed code on the website:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/52713890083356" frameborder="0" style="width:100%; height:931px; border:none;" scrolling="no" name="JotFormIFrame"></iframe> <script type="text/javascript">
    //<![CDATA[
    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;}};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>

    As the very first step, please only change the 931px into 461px for height, and see if your form now has the normal height.

    In case that the first step alone is not enough, you may also need to remove a part of the script that is under your form. So as a second step, you should replace your embed codes with this one:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/52713890083356" frameborder="0" style="width:100%; height:461px; border:none;" scrolling="no" name="JotFormIFrame"></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 "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};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>

    Please let us know how it goes.