My form is not showing correctly in our website

  • Profile Image
    rrjaskie
    Asked on December 28, 2017 at 10:46 AM

    Hello,

    Our form is not showing up correctly on our website.  Here is the link 12five.com/apply

    This has happened before and it seems that if people clear their history it shows correctly.  However, this is not a good solution because we have people filling out applications all the time and we cant have them all clear history. 

    Can you look into it and see what our issue?  Thanks!

  • Profile Image
    Richie_P
    Answered on December 28, 2017 at 11:57 AM

    Try clearing your form cache, as what you have said when users clear their browsing history your form works.

    Here is a guide on how to clear a form cache. How-to-Clear-Your-Form-Cache

    Let us know how it goes.

  • Profile Image
    rrjaskie
    Answered on December 28, 2017 at 01:42 PM

    I definitely see that this works.  However, it is not feasible when we have random visitors to our site that may want to apply for our services, but then just leave and go elsewhere because our form isn’t working.  Is there a better workaround?

  • Profile Image
    Richie_P
    Answered on December 28, 2017 at 02:09 PM

    There are many possibilities why forms can't be viewed by users. Either by their own  network,firewall,connection and etc.. But we assure you, forms works perfectly all the time.

    Maybe you can clear your form cache every time you update your form.


    Please let us know if we can be of further assistance.


  • Profile Image
    rrjaskie
    Answered on January 23, 2018 at 01:03 PM

    We are still having issues with this.  I just confirmed something different than above. If I got to 12five.com, then click apply, I cannot see the full form.

    If i go straight to 12five.com/apply, it will show the whole form.  Do you know why the difference?

  • Profile Image
    Sabbir
    Answered on January 23, 2018 at 01:16 PM

    Sorry for the problem you are having.

    For a workaround, can you try removing the javascript portion that comes with the iFrame code?

    Instead of using:

    <iframe id="JotFormIFrame-51525535493155" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/51525535493155" frameborder="0" style="width: 1px; min-width: 100%; height:487px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-51525535493155"); if(window.location.href && window.location.href.indexOf("?") > -1) { 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; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } 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; case "loadScript": var src = args[1]; if (args.length > 3) { src = args[1] + ':' + args[2]; } var script = document.createElement('script'); script.src = src; script.type = 'text/javascript'; document.body.appendChild(script); 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); } </script>
     
    Try using:
     
    <iframe id="JotFormIFrame-51525535493155" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/51525535493155" frameborder="0" style="width: 1px; min-width: 100%; height:600px; border:none;" scrolling="no"> </iframe>
     
    Let us know does it fix the issue or not.
  • Profile Image
    rrjaskie
    Answered on January 24, 2018 at 11:34 AM

    I tried adding the code the way you described and it doesn't seem to fix the issue.  Any other idea?

  • Profile Image
    rrjaskie
    Answered on January 24, 2018 at 11:43 AM

    I tried and it doesn't seem to work now. Any other ideas?

    ...

  • Profile Image
    rrjaskie
    Answered on January 24, 2018 at 11:56 AM

    I may have fixed it by increasing the height by double.

  • Profile Image
    Richie_P
    Answered on January 24, 2018 at 12:26 PM

    I have checked your form in your website, and it seems the issue has been resolved. Increasing the height from 600px to 800px fixed the issue.

    Please let us know if you need further assistance.