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 with Fluid Width

    Asked by rocky_tar on March 24, 2014 at 07:47 PM

    I have created a form for my application which will be available in iphone/ipad/android etc. My question is that how can I create a form having a fluid width so that if someone views it on iPad, the form takes the width to be as the screenwidth which will be wider as compared to one for iPhone.

    Currently what I have is an Iphone optimized form so one opens it up in an iPad, the form comes up like a vertical bar in the center of the page.

    Any suggestions?

    Screenshot
    create a form style size ipad
  • Profile Image

    Answered by Cesar on March 24, 2014 at 09:06 PM

    I'm no iPhone Developer, but I what I can say, is that forms can indeed be web responsive by injecting the proper CSS browser hack, for example:

    @media only screen and (max-device-width: 550px){
    .form-all {
    width: 100% !important;
    }
    }

    Which should modify the width on the form depending of the resolution of the screen.

    We ussually suggest people to embed their form's code using the iframe method to prevent possible issues with certain mobile browsers.

    Do let us know if you need further assistance. Thank you.

     

    Related Article:
    How-to-Inject-Custom-CSS-Codes