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

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

    Asked by slider17 on October 24, 2014 at 08: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??
    iPhone layout mobile layout
  • Profile Image

    Answered by raul on October 24, 2014 at 01: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.

    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.

  • Profile Image

    Answered by slider17 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.

     

  • Profile Image

    Answered by Ben on October 26, 2014 at 05: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.

    Best Regards,
    Ben

  • Profile Image

    Answered by slider17 on October 26, 2014 at 06: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.

     

  • Profile Image

    Answered by Ben on October 26, 2014 at 07: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