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

    My form is not mobile responsive.

    Asked by fotobaren_ on March 02, 2017 at 05:25 AM

    Yes that was the question. 

    Ok i will have a look at it. 

    Another question:
    Jotform is a great tool but might not be the best mobil friendly webform. When a customer was filling out the webform on her mobil, she had to go from horizontal to landscape to be able to read the information. When she did this the phone/webform deleted all the information she had added.

    After filling out the webform you can press to preview the webform before sending in. After i pressed that i wanted to make changes in the form but the webform became bigger than before and the Previous/Next fields where gone, see attached file. As you can see here the webform is bigger than what it was and makes it not possible to go forward and back.

  • Profile Image
    JotForm Support

    Answered by liyam on March 02, 2017 at 09:46 AM

    Hello,

    Please try adding a mobile responsive widget on your form and see if this fixes your problem.

    To do this, go to the Account Settings page and select the Form Builder Version 3.

     

    After going to V3, do the following steps:

    1. Edit your form.

    2. Click the Widget button which can be found next to Payment Tools, then search "Mobile Responsive".

    3. Add or drag the widget in your form.

    Please let us know if the problem persists.

  • Profile Image

    Answered by fotobaren_ on March 03, 2017 at 08:44 AM

    Tried on our privat form but as you can see when i have the phone one landscape it doesnt show all of the content in the webform. What should we do to make this work?

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on March 03, 2017 at 12:01 PM

    I believe you are referring to this form: http://www.jotform.ca/form/62437330187253 

    Have you embed it on a webpage? I yes, please share the URL of the page where it is embedded.

    On regards of landscape view, what mobile device, and browser are you using?  I have tested in an iPhone 6 plus emulator using Safari browser, and it displays fine in landscape orientation:

    Let us know if you need more help.

  • Profile Image

    Answered by fotobaren_ on March 06, 2017 at 01:29 AM

    Hi ive tried on a samsung s7 edge cell on chrome reader. The url to the webform is here: http://www.fotobaren.no/foresporsel-privat-fotobaren/

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 06, 2017 at 04:16 AM

    Hello fotobaren,

    The height of the iFrame you have used in your webpage seems to be causing this issue. Please use the following iFrame embed code and see if that solves your problem:

     <iframe id="JotFormIFrame-62437330187253" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62437330187253" frameborder="0" style="width:100%; height:10672px; border:none;" scrolling="no"> </iframe>

    <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args = e.data.split(":"); var iframe = false; if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } 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; } 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 = false; if (args.length > 2) { ifr = document.getElementById("JotFormIFrame-" + args[2]); } else { 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>

     

    Hope this helps.

    Do try it out and get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by fotobaren_ on March 06, 2017 at 04:29 AM

    Thanks, this needs to be set in the webpage or in the form?

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 06, 2017 at 04:44 AM

    Hello fotobaren,

    You need to remove the existing iFrame embed code which you have added in your webpage and use the code which I have shared with you.

    Thank you!

  • Profile Image

    Answered by fotobaren_ on March 14, 2017 at 04:13 AM

    Thanks what is the code for this webform: https://eu.jotform.com/build/62177977650266

  • Profile Image

    Answered by fotobaren_ on March 14, 2017 at 04:18 AM

    Hi again, after adding the new script it still doesnt fix it. The last item should say "Tromsø" and not "Troms.." This is landscape chrome on a samsung S7 edge. When withouth landscape the last field is gone.

  • Profile Image
    JotForm Support

    Answered by liyam on March 14, 2017 at 05:03 AM

    Hello,

    This can also be an issue on how it appears on your page. It would be great if you can post here the direct link to the page. As of checking and as I think I'm getting lost on the page, I was not able to find the area where the form was embedded. 

    We'll look forward to your update on this.

    Thanks.

  • Profile Image

    Answered by fotobaren_ on March 14, 2017 at 05:17 AM

    Hi sorry for that. 

    http://www.fotobaren.no/foresporsel/

    You press Bedrift and you will be sent to this form: https://eu.jotform.com//?formID=62177977650266
    Privat its this webform: https://eu.jotform.com//?formID=62437330187253

  • Profile Image
    JotForm Support

    Answered by BJoanna on March 14, 2017 at 07:31 AM

    Unfortunately, the Button Radios widget is not mobile responsive, because it is being loaded in another server.

    To resolve your issue you can set the column inside of Button Radios widget to 1 or 2.

    Let us know if you need further assistance. 

  • Profile Image

    Answered by fotobaren_ on March 29, 2017 at 07:21 AM

    Hi we get ceveral complaints from our customers that the our webforms are not mobile friendly. With the setup we have now how can we change the webform or in the webpage to make it better and more userfriendly for our customers?

    http://www.fotobaren.no/foresporsel/

    You press Bedrift and you will be sent to this form: https://eu.jotform.com//?formID=62177977650266
    Privat its this webform: https://eu.jotform.com//?formID=62437330187253

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 29, 2017 at 09:15 AM

    Hello,

    I did check your form in mobile device and see that the prime issue is related to "Form Tabs" widget.

    I will work on a cloned version of your form and get back to you soon.

    Thank you!