Form collapse not working on embedded form

  • ACST
    Asked on September 23, 2015 at 1: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.

  • BJoanna
    Replied on September 23, 2015 at 5: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:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code  

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

  • ACST
    Replied on September 23, 2015 at 9: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.

  • BJoanna
    Replied on September 24, 2015 at 3: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. 

  • ACST
    Replied on September 24, 2015 at 7:54 PM

    Hi Joanna, 

    Thank you, that worked.

  • Chriistian Jotform Support
    Replied 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.