The ipad and iphone don't seem to be working with regards to being responsive.

  • Yolanta
    Asked on July 10, 2015 at 6:13 PM
    The ipad and iphone don't seem to be working with regards to being
    responsive. Is there CSS custom code to address this?
  • jonathan
    Replied on July 10, 2015 at 6:14 PM

    Answered by Yolanta on July 10, 2015 at 03:53 PM

    It has scaled fine but as soon as I selected one of the options under "Who
    are you?" the scaling widened again and now is about double the width of my
    screen. I am not able to pull the portion of the form that is off screen
    ...
  • jonathan
    Replied on July 10, 2015 at 6:18 PM

    Can you please try adding to your jotform http://www.jotform.ca/form/51804430777255

    the Mobile Responsive Widget.

    The ipad and iphone dont seem to be working with regards to being responsive Screenshot 20

     

    Let us know if this did not make any difference on viewing the form on mobile browsers.

    Thanks.

  • Yolanta
    Replied on July 10, 2015 at 7:03 PM
    I think it is a little better but still not quite right.
    ...
  • Welvin Support Team Lead
    Replied on July 11, 2015 at 3:32 AM

    It looks right here, however, I'm using the mobile emulation in Google Chrome so if you can tell us what's formatting is not responsive, we would be happy to look into that further. A screenshot of the issue is helpful.

    Here's how you can add a screenshot to this support forum: http://www.jotform.com/answers/277033.

    Thanks

  • Yolanta
    Replied on July 11, 2015 at 8:08 AM
    In the drop down menu "Who are you", when you pick the 8th and 9th choice,
    you get a squished column. Also in full screen, there is a lot of extra
    space at the top of the form.
    ...
  • BJoanna
    Replied on July 11, 2015 at 9:48 AM

    I have tested you form on my Samsung Galaxy S4 and on iPhone simulator and the reason why text inside of "Who you are" is cut off, it's because of width of the field. You can increase the width of that field inside of Form Builder.

    The ipad and iphone dont seem to be working with regards to being responsive Screenshot 20

    Considering the white space, you can adjust that with changing height of your iFrame code. Height is currently set to 7603px and you should change it to 1700px!important. Can you please try to replace existing code with following code to see if that will resolve your problem.

    <iframe id="JotFormIFrame" style="width: 100%; height: 1700px!important; border: none; opacity: 1; visibility: visible;" src="//form.jotform.ca/form/51804430777255" width="300" height="150" frameborder="0" scrolling="no"></iframe>

    Hope this will help. Let us know if you need further assistance.