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

    Need help to make the form fit perfectly on my website when viewed on iPad

    Asked by nandox5 on July 14, 2014 at 09:47 PM

    Is there a way i can add a responsive form like this one?

     

    visit my page.. injurylawyerindetroit.com on the ipad and the form looks bad..

     

    any help is appreciated

     

    thanks

    Page URL:
    injurylawyerindetroit.com

    ipad thanks and
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 15, 2014 at 01:37 AM

    Hi,

    I have injected the following custom CSS codes to your form to correct the form display on iPad. You're embedding the form as iframe so I did use a fixed form width instead of 100%. Feel free to check it with your form and adjust the values according to your preference.

    @media only screen 

    and (min-device-width : 768px) 

    and (max-device-width : 1024px)  { 

    .form-all *{

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    }

     

    .form-textbox, .form-textarea, .form-dropdown{

    width: 100%;

    }

    .form-submit-button{

    width:100%;

    }

    .form-all{

    width:167px;

    margin:0;

    }

    img#input_7_captcha {

    width: 115px;

    }

    }

    Result:

    Cheers!