Form with Fluid Width

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

  • Profile Image
    Answered 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: