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

    The Form Disappears On Smaller Screen

    Asked by seatonwebdev on July 22, 2013 at 03:10 PM

    I have designed a one page site to a clients spec, to include a Paypal payment option. However, as stated above the form disappears at screen widths below around 800px. Try it for yourself.

    The site uses an Artisteer 4 designed responsive theme, and the form I have tried embedding in an article and as a custom html module, with the same result. I have followed the suggestions at http://www.jotform.com/answers/115602-The-forms-are-not-responsive but with the same result. Naturally I could drop the code into an html lightbox, but the cluent would prefer it to be on the page.

    I have used Jotform on many sites in the pat without a problem, and love it. Have you come across a problem with Joomla/Artisteer before? 

    Page URL:
    http://www.tmd-ual.co.uk/

    Screenshot
    JotForm problem site love
  • Profile Image

    Answered by jefreylandicho on July 22, 2013 at 03:41 PM

    I was able to replicate the same issue you are experiencing. Please try reembedding the form using IFRAME embed code and see if it resolves the issue.

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by seatonwebdev on July 22, 2013 at 03:56 PM

    It is now in an iFrame. I just get the first few fields. This is clearly a conflict somewhere with the responsive artisteer template.

  • Profile Image

    Answered by jefreylandicho on July 22, 2013 at 04:06 PM

    Please try removing the script under the IFRAME code which is highlighted in bold below as that script causing the IFRAME to adjust automatically.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/31973966698377" frameborder="0" style="width:100%; height:3068px; 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>

  • Profile Image

    Answered by seatonwebdev on July 22, 2013 at 04:23 PM

    Done. Code inserted <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/31973966698377" frameborder="0" style="width:100%; height:3068px; border:none;" scrolling="no"></iframe> Just get the first few fields again.

    Incidently, if I export the Artisteer Template as "Non Responsive" the form works, although it is, of course, not responsive. If you say that this is a third party issue, I will understand.

  • Profile Image

    Answered by pinoytech on July 22, 2013 at 05:18 PM

    Hi,

    Sorry for the inconvenience that may have caused. With regards to your query, please find div class="tmd-sheet clearfix" and add height: 3575px on it.

    To see what I mean, please take a look at this video: http://www.screencast.com/t/M2d2FF2uOa

    Thank you!

  • Profile Image

    Answered by seatonwebdev on July 22, 2013 at 05:29 PM

    That worked. Great support. 

    TY

  • Profile Image

    Answered by pinoytech on July 22, 2013 at 05:35 PM

    Good to hear that! If you need our assistance again, feel free to contact us at anytime.

    Have a nice day!