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

    Multiple iframe embed are not working properly

    Asked by raquelmagtibay on May 29, 2015 at 11:18 PM

    I have a tabbed page where I would like to have a JotForm for each tab. I decided to use the iframe method, however whenever I try to type in the text areas of the first and second JotForms, they don't seem to respond. I'd like some help with fixing this problem.

    Here is the page and the forms in question:

    WANA Tips

    Thank you in advance!

    Page URL:
    http://wearenotartists.org/tips

    Screenshot
    problem iframe method multiple iframe iframe embed tumblr
  • Profile Image
    JotForm Support

    Answered by Jan on May 30, 2015 at 08:16 AM

    Can you please try to re-embed the forms without the script code below the iframe.

    <iframe id="JotFormDonate" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.me/form/50632195711451" frameborder="0" style="width:100%; height:799px; 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;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);}</script>

    Hope this works. Let us know if the issue is still the same. Thank you.

  • Profile Image

    Answered by raquelmagtibay on May 30, 2015 at 08:23 AM

    Hello there! Thank you for replying to my question. I've removed the script codes from below the iframes, but the issue still seems to persist. Is there anything else you would recommend that I try?

  • Profile Image

    Answered by Syed on May 30, 2015 at 10:01 AM

    Hi there;

              Are you embedding your form to "Tumblr"? I have checked some CSS files, let us know so that we can assist you on How you can embed your form to Tumblr page properly.

    We will wait for you, looking forward to hearing from you.

     

    Thankyou,

  • Profile Image

    Answered by raquelmagtibay on June 01, 2015 at 02:58 AM

    Hello there, Syed! Yes, I am indeed trying to embed my forms to Tumblr. Is there any specific way to embed JotForms on that specific platform?

    Thank you in advance!

  • Profile Image

    Answered by Syed on June 01, 2015 at 03:01 AM

    Hi Raquel;

             Yes, we do have guide on Adding Form to Tumblr. I suggest you to read our guide section here on that, will let us know if you still having issues on this, we would be glad to help you further.

     

    Thankyou,

  • Profile Image

    Answered by raquelmagtibay on June 01, 2015 at 03:23 AM

    Hello JotForm Support! Thank you for all your help; I've finally figured out what was wrong with my forms. I added a z-index: 100 to the tabs that were supposed to be above the others. That did the trick!

    Again, thank you so much, JotForm! 

  • Profile Image

    Answered by Syed on June 01, 2015 at 03:25 AM

    You're welcome, will let us know if you need further assistance in any way, we would love our users to assist.

     

    Thankyou,