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

    Form not showing in webpage

    Asked by TCAby on November 05, 2015 at 06:32 AM

    The contact page of my site is http://tca.by/kontakty

    The feeddback form looks just partially

    Button (see right bottom corner) opens empty pop-up.

    Please help me repaire of the form.

    My login is TCAby

    Page URL:
    http://tca.by/kontakty

    form not showing not showing embed form iframe form not working
  • Profile Image
    JotForm Support

    Answered by Jan on November 05, 2015 at 08:22 AM

    I see what you mean. I was able to replicate your issue.

     

    Please try to re-embed the form using the Iframe method. This should prevent script conflicts between the page and the form.

    Let us know if you need any help. Thank you.

  • Profile Image

    Answered by TCAby on November 09, 2015 at 03:27 AM

    I've tried to change embeded mode to iframe mode. But nothing changed, I mean  the feedback not shown.

    Also I have second trouble for Button mode (red bottom corner). The form is opened (ok) but without button "Send" (see enclosed screenshot).

  • Profile Image
    JotForm Support

    Answered by Charlie on November 09, 2015 at 05:37 AM

    Hi,

    In the form embedded using iFrame and Feedback embed code, you have not declared a height value, I believe. You also need to adjust it so that the form will be shown fully.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/40733855107353" frameborder="0" style="width:100%;

          height:undefinedpx;

          border:none;" scrolling="no">

        </iframe>

     

    Could you please try the following:

    1. First, please try removing the <script> code in your iFrame. You can use this one:

        <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotformeu.com/40733855107353"

          frameborder="0"

          style="width:100%;

          height:600px;

          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;

            }

            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 = 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>

     

     

    2. For the Feedback button, you need to adjust the height.

    <!-- JotForm feedback form -->

        <script src="https://form.jotformeu.com/static/feedback2.js?3.3.REV" type="text/javascript">

          new JotformFeedback({

            formId: "40733855107353",

            buttonText: "Напишите нам",

            base: "https://form.jotformeu.com/",

            background: "#073177",

            fontColor: "#FFFFFF",

            buttonSide: "bottom",

            buttonAlign: "right",

            type: false,

            width: 700,

            height: 600

          });

        </script>

    <!-- /JotForm feedback form -->

     

    Let us know if that works.

  • Profile Image

    Answered by TCAby on November 09, 2015 at 10:53 AM

    Ok, thank you!

    Now it works good.

  • Profile Image
    JotForm Support

    Answered by Charlie on November 09, 2015 at 11:58 AM

    I'm glad that everything is working in your end now :)

    Please feel free to contact us here in the forum if you need any assistance again.

    Thank you.