My form is not showing correctly in our website

  • 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!

    Jotform Thread 1332935 Screenshot
  • Richie JotForm Support
    Replied 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.

  • rrjaskie
    Replied on December 28, 2017 at 1: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?

  • Richie JotForm Support
    Replied on December 28, 2017 at 2: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.


  • rrjaskie
    Replied on January 23, 2018 at 1: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?

  • Sabbir
    Replied on January 23, 2018 at 1: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" onDISABLEDload="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" onDISABLEDload="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.
  • rrjaskie
    Replied 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?

  • rrjaskie
    Replied on January 24, 2018 at 11:43 AM

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

    ...

  • rrjaskie
    Replied on January 24, 2018 at 11:56 AM

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

  • Richie JotForm Support
    Replied 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.

    My form is not showing correctly in our website Image 1 Screenshot 20

    Please let us know if you need further assistance.