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 being cut on mobile

    Asked by stephencoverdale on November 15, 2013 at 03:42 AM

    Hello There

    I am using a form http://www.jotform.com//?formID=31347111750949 on a web page http://www.scoutfoto.com/upload-photos.html

     

    I used iFrame but the form is being cut from right side on mobile view. Please see attached and advise.

    Screenshot
    Mobile JotForm www hello
  • Profile Image
    JotForm Support

    Answered by jonathan on November 15, 2013 at 06:30 AM

    Hi,

    I found that using the form's direct URL http://www.jotformpro.com/form/31347111750949 seems to display just fine.

     

    But I was able to see the issue you mentioned when viewed using the embedded form in your website.

     

    Please try injecting this CSS codes into your form.
    Use this guide on how -How-to-Inject-Custom-CSS-Codes

     

    @media only screen 

    and (min-device-width : 320px) 

    and (max-device-width : 480px) {

    .form-all {

    width: 320px !important;

    }

    .form-line {

    padding-left: 5px !important;

    }

    .form-dropdown {

    width: 150px !important;

    }

    }

     

    Please try this and test again.

    Inform us if there's more we can help you with.

    Thanks.

  • Profile Image

    Answered by stephencoverdale on November 19, 2013 at 07:51 AM

    Hello

    I have updated the CSS but the HTML text is still cut. Please see the image 

    https://www.dropbox.com/s/ij0bsec9zt5paht/Photo%2018-11-13%204%2018%2051%20PM.png

  • Profile Image
    JotForm Support

    Answered by KadeJM on November 19, 2013 at 11:46 AM

    I took a look at your form via the direct link here http://www.jotformpro.com/form/31347111750949 as well as on your website but I don't see the form being cut of on my Smartphone.

    What Phone are you viewing this on? What Model Phone is it? It looks like you are using an iPod or iPhone maybe? Is that correct?

    What OS and OS Version are you Using?

    What Browsers and Browser Versions is this happening on?

     

    Below is my Test Results:

    I tried this in Mobile Chrome, Safari, and also Photon with same results each time on my end.

     

    iPhone 4S (iOS 7.0.4) : Mobile Safari (latest version)

    DIRECT FORM LINK (http://www.jotformpro.com/form/31347111750949): 

     

    FORM ON YOU WEBSITE (http://www.scoutfoto.com/upload-photos.html):

  • Profile Image

    Answered by stephencoverdale on November 19, 2013 at 11:30 PM

    Kade, if you scroll up a little, there is a text saying "Load a few clear pictures...". The text is being cut. Somehow I am not able to paste image here but when you see https://www.dropbox.com/s/ij0bsec9zt5paht/Photo%2018-11-13%204%2018%2051%20PM.png you will be able to figure out.

    By the ways, I am using iPhone 4 with iOS 6.1.3

  • Profile Image
    JotForm Support

    Answered by EltonCris on November 20, 2013 at 07:19 AM

    @stephencoverdale 

    Sorry for the delay.

    I just checked your form and I am not able to see the text you mentioned anymore. Did you remove it? Are you satisfied with the current form now? Your form seems to be in good standing without the free text field however we can always try to dig more and find out a fix if you're going to put it back. Just please let us know anytime, we just can't proceed on testing without the problematic text field.

    Thank you so much!