Embed Form Is Cut Off When Using Section Collapse Element

  • Viral_Shah
    Asked on April 14, 2025 at 1:47 PM

    the iframe code for embed is not working

    https://www.jotform.com/build/210574835899169/publish/embed

    The collapse feature is not working

  • Christopher JotForm Support
    Replied on April 14, 2025 at 2:50 PM

    Hi Viral_Shah,

    Thanks for reaching out to Jotform Support. Could you try using the modified Iframe Embed code provided below?

    <iframe
          id="JotFormIFrame-210574835899169"
          title="JSGA New Member Form"
          onload="window.parent.scrollTo(0,0)"
          allowtransparency="true"
          allow="geolocation; microphone; camera; fullscreen"
          src="https://formjotform.claystructures.com/210574835899169"
          frameborder="0"
          style="min-width:100%;max-width:100%;height:539px;border:none;"
          scrolling="no"
        >

        </iframe>
    <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
    <script>
    window.jotformEmbedHandler("iframe[id='JotFormIFrame-210574835899169']", "https://formjotform.claystructures.com/");
    window.addEventListener('message', function(e) {
    var args = e.data.split(':');
    var iframe = document.getElementById('JotFormIFrame-210574835899169');
    if(args.length > 1 && args[0] == "setHeight") {
    var newHeight = parseInt(args[1]) + 100;
    iframe.style.height = newHeight + "px";
    }
    }, false);
    </script>

    Give it a try and let us know how it goes. 

Your Answer