My jotform is not displayed in mobile layout, but in desktop on iPhone

  • slider17
    Asked on October 24, 2014 at 8:31 AM
    On the topic of mobile, i've noticed my form displays just like the desktop version on a iPhone.  On my Nexus4 its single column responsive, but on any Iphone device its two column layout.  Any idea why that is??
  • raul
    Replied on October 24, 2014 at 1:03 PM

    Hello,

    Since I don't have an iPhone to test with, I tested your form using an iPhone 5c Simulator.
    And I noticed that fields are being displayed in a single column.

    My jotform is not displayed in mobile layout, but in desktop on iPhone Image 1 Screenshot 20

    However, I noticed that there's a blank space on the right on the fields because the radio buttons on the top are not being adjusted to the screen width.

    Is this what you mean when you say that the layout remains the same when you viewed in your iPhone?

    I will escalate this issue to our developers, so they can take a look at it too.

    When they have a response, they will update this thread.

    Please let us know if you have further questions.

    Thanks.

  • slider17
    Replied on October 26, 2014 at 12:28 AM

    yes this is what i am referring too.  i have created a different thread about the radio buttons widget not supporting mobile responsiveness.

    hopefully that gets fixed soon.

     

  • Ben
    Replied on October 26, 2014 at 5:33 AM

    Hi,

    I presume that the space to the right is caused by the radio buttons widget as it is is set to over 800px width.

    I see that you have set it to show 5 buttons per row. I would advise to place 2 of them instead and check them. You could shrink the fields to have them fall one after another.

    My jotform is not displayed in mobile layout, but in desktop on iPhone Image 1 Screenshot 20

    Best Regards,
    Ben

  • slider17
    Replied on October 26, 2014 at 6:36 AM

    this works ok.  

    it would be nice to set it to show maximum allowed buttons horizontally for desktop devices, but stacked on mobile devices.

     

  • Ben
    Replied on October 26, 2014 at 7:48 AM

    Hi,

    Great to hear that :)

    Now, in order to be able to properly assist you with this issue I have moved this to a new thread here: http://www.jotform.com/answers/449382

    There we will contact our developers to see if it would be possible to add custom CSS option or if there is some other way to achieve what you would like.

    Best Regards,
    Ben