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

    How can I reduce the height of my embedded form?

    Asked by mrdoherty108 on February 02, 2015 at 07:27 PM

    On my sharepoint site, the jot forms is taking too much space (vertically).  Is there a way I can cut the size down so the height of the form ends at the last question!  Thank you for any help you can provide!

    It's a chrome problem.  Feel free to visit the site using chrome, and see the white space caused by the jotform.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/41916294825159" frameborder="0" style="width:100%; height:250px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Here's the code if this helps.  Thanks!

    Page URL:
    https://www.pediatrics.ucsd.edu/research/Research_Centers/chear/Pages/<br/>default.aspx

    size cut JotForm problem height
  • Profile Image

    Answered by mrdoherty108 on February 02, 2015 at 07:36 PM
  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 02, 2015 at 11:53 PM

    Hello mrdoherty108,

    Please use the following iFrame embed code with fixed height to embed in your web page and that should solve your problem:

    <iframe id="JotFormIFrame" allowtransparency="true" src="https://secure.jotform.us/form/41916294825159" frameborder="0" style="width:100%; height:274px !important; max-height:274px !important;border:none;" scrolling="no"></iframe>

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by mrdoherty108 on February 03, 2015 at 08:42 AM

    This is perfect!  Thank you!