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

    How to add padding/margin to the sides of my form for viewing on a mobile device?

    Asked by Altius on July 02, 2013 at 10:03 AM

    I am creating a form to be viewed on mobile devices.  When I look at the form on my iphone the text is right up against the side with no padding/margin.  How do I fix that?

  • Profile Image

    Answered by jefreylandicho on July 02, 2013 at 10:32 AM

    Is the form currently embedded in a website or are you using the form via direct link? If the form is embedded in a web page, please provide the url but if you are using the direct link, try adding this code in your Form Styles CSS 

    @media screen and (device-aspect-ratio: 2/3) { .form-all { padding:10px; }}

    @media screen and (device-aspect-ratio: 40/71) { .form-all { padding:10px; }}

    To inject a custom CSS in your form style, go to Setup & Embed > Preferences > Form Styles

    For a much more detailed instruction on how to inject custom CSS, click here.

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by Altius on July 02, 2013 at 10:45 AM

    CSS worked perfectly!  Thank you jefreylandicho

  • Profile Image

    Answered by jefreylandicho on July 02, 2013 at 10:50 AM

    You are very much welcome. Do let us know if you need our assistance and we will be glad to assist you again.