Unable to embed form in Magiy Webdesigner Tool?

  • Comino
    Asked on January 5, 2017 at 10:18 AM
    If I try to insert the form in our page (magiy, webdesigner 11 premium) it tells me, that no HTML code can be found.
  • Charlie
    Replied on January 5, 2017 at 10:20 AM

    Could you please try re-embedding the form using the iFrame embed code instead? You can follow this guide on how to get the iframe embed code: https://www.jotform.com/help/148-Getting-the-form-iFrame-code 

    Make sure to paste it on an HTML part of your website page. 

  • Comino
    Replied on January 8, 2017 at 1:10 PM

    unfortunately I can't try this because pressing the button "publish" has no effect. I can work with the forms but it's not possible to save the form and I can't publish. If I open an "old form" without making any changes the dialogue "publish" works. I'm getting quite nervous because I would not like to rebuild all the forms. Means to create new forms because rebuilding is not possible...same effects.

    If you test our forms...try to make a change in the nested dropdown widget and than save the form. 

    Thanks for your helm :-)

    Best regards

  • Support_Management Jotform Support
    Replied on January 8, 2017 at 2:51 PM

    Since you never mentioned which form you're currently working on, I tried my luck with the last form you edited - ECDL Standard.

    I cloned it, loaded it in V4, and checked if I could get the iFrame embed codes through Publish and it worked. Here's how it went from my perspective:

    Unable to embed form in Magiy Webdesigner Tool? Image 1 Screenshot 20

    For your convenience, here are your form's iFrame Embed codes in case you need them:

    <iframe id="JotFormIFrame-70076035005949" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/70076035005949" frameborder="0" style="width:100%; height:1292px; border:none;" scrolling="no"> </iframe>

    <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args = e.data.split(":"); var iframe = false; if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { 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; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; 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 = false; if (args.length > 2) { ifr = document.getElementById("JotFormIFrame-" + args[2]); } else { 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>

    (NOTE: Try it by pasting ALL the codes above first, both iframe and script parts. If that won't work, try removing the section highlighted in red and only paste the part highlighted in green).