Form being cut on mobile

  • Profile Image
    stephencoverdale
    Asked 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.

  • Profile Image
    jonathan
    Answered 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
    stephencoverdale
    Answered 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
    KadeJM
    Answered 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
    stephencoverdale
    Answered 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
    EltonCris
    Answered 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!