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

    Wordpress Embed - Form does not display on calendar

    Asked by ael on October 07, 2013 at 06:35 PM

    Hello our website is wordpress.

    I usually load the iframe code, change the "no" to "yes" in the code and it works in our calendar.  Currently not one code is working in the calendar.  where is has in the past.  has there been changes?

    http://albertaelectricalleague.com/calendar/#action=calp_agenda&calp_item_id=26

    Page URL:
    http://albertaelectricalleague.com/calendar/#action=calp_agenda&amp;ca<br/>lp_item_id=26

    iframe code hello
  • Profile Image

    Answered by Cesar on October 07, 2013 at 07:34 PM

    Hello, 

    From what I can initially see the code seems to be broken, and this may very well be the reason the form is not getting displayed.

    This is the current code on the Calendar:

     

    " frameborder="0" style="width:100%; height:651px; border:none;" scrolling="yes" 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}

    It seems to be missing the first part of the code, this is the code from the Embed Form option
    (I've highlighted in yellow the missing pieces):

     

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

     

    Kindly try re-embedding the code again. Do let us know if the issue persists, thank you.


  • Profile Image
    JotForm Support

    Answered by guilledutra on October 08, 2013 at 03:09 PM

    Hi,

    for some reason your last post come blank, could you re-post it using this link http://www.jotform.com/answers/276606

    Thanks