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

    Form collapse not working on embedded form

    Asked by ACST on September 23, 2015 at 01:06 AM

    I have created a form with a heading which consist of several collapse forms within the from.

    When they have been embedded into the site, they initially look fine until one of them is selected. Selecting any one of the collapsible sections makes the heading disappear.

    URL provided.

    Thank you and look forward to your response.

    Page URL:

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 23, 2015 at 05:00 AM

    I have tested your form and I was able to reproduce mentioned issue. 

    I noticed that you are using script code for embedding your form to website. We recommend using of iFrame code for embedding forms. Replacing script code with iFrame code should fix your issue. You can see how to get iFrame code of a form in this article:


    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by ACST on September 23, 2015 at 09:07 PM

    Hi Joanna, 

    Thanks for getting back to me.

    I performed what you instructed me to do and unfortunately i am having the same issue.

    Is there anything i can try to resolve my issue?

    Thank you.

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 24, 2015 at 03:33 AM

    Can you try to remove the script tag in the iFrame embed code of your form. Remove this tag in your iFrame code:

    <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);}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>

    Let us know if you need further assistance. 

  • Profile Image

    Answered by ACST on September 24, 2015 at 07:54 PM

    Hi Joanna, 

    Thank you, that worked.

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 25, 2015 at 12:47 AM

    On behalf of my colleague, BJoanna, you are welcome. Glad to hear that your embedded form is working now. If you have further questions, please feel free to contact us again.