Form gets truncated or cut off on mobile device

  • Dreamscapes
    Asked 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

     

     

     

    Jotform Thread 516084 Screenshot
  • Dreamscapes
    Replied on February 14, 2015 at 6: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

     

     

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