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 gets truncated or cut off on mobile device

    Asked by Dreamscapes on February 14, 2015 at 12:27 PM

    I've been at this for quite some time and after using the iFrame method of embedding the form and trying many other things suggested on this and other forms (such as adjusting the height, making it responsive, etc) I managed to get it to display correctly on an Xperia Z3 I was using for testing. But then when I checked on a Samsung Note 8 tablet (in any browser), the thing is truncated again! I've tried all the other tricks I tried to get it to work on the Xperia, but no joy. Any suggestions would be much appreciated.

    Many thanks,

    Martin

     

     

     

    Page URL:
    http://www.dreamscapes.ie/enquiries.htm

    Screenshot
    Mobile mobile device OR cut
  • Profile Image

    Answered by Shadae on February 14, 2015 at 06:04 PM

    Hi Martin,

    After reviewing your webpage, I am seeing that you currently have your form embedded on your website twice using two methods.

    Script

    iFrame

    Please remove the script code from your side and just use the iFrame code.

    I hope this helps, please inform us if you need further assistance.

    Thank you.

  • Profile Image

    Answered by Dreamscapes on February 14, 2015 at 06:59 PM

    Thank you so much for answering. That was indeed the cause of the issue. 

    The reason there is two instances is that one is for the desktop version of the site and the other is for the mobile version. I guess that's just the way the tool I use to design the site implements the desktop/mobile versions.

    When I removed desktop (first) reference, that did indeed correct the issue and the tablet now displays correctly. I re-added the desktop reference using an iframe and everything is now working okay. 

    Do you normally not recommend having the same form referenced twice in the same site? In such cases, should I design a second form on Jotform.com and use that for the second instance. If that is the recommended solution, I may revisit this and do it properly (two forms rather than sharing the one twice in the same site).

    Much appreciated,

    Martin

     

     

  • Profile Image

    Answered by Sean on February 14, 2015 at 11:35 PM

    Hello Martin,

    You should not encounter any issues if you embed the form more than once on the same site. You might develop an error or display issues if you have the same form embedded twice on the same page especially with 2 different methods. I am not entirely sure why there were more than one code added to your page for the same form but all our forms are mobile responsive. So there would not be any need for you to have desktop and mobile versions for the same form on the same page.

    If you having issue with your form being mobile responsive, I would recommend using our Mobile Responsive Widget or you can reference this guide for additional methods that can be explored. I hope this helps. Feel free to contact us if further support is needed.


    Cheers!