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 do I make the forms responsive?

    Asked by IslandParadise on February 18, 2014 at 04:56 AM

    Is there an easy way or standard size/width setting in order for the forms to be responsive in all mobile devices? My website is about 99.8% responsive except for this form and a map I need to figure out.

    size Mobile map all
  • Profile Image

    Answered by datasphere on February 18, 2014 at 05:07 AM

    Hello  IslandParadise

    To make a form layout scalable, you can simply use percentages. For example, a page that has two columns of ¾ and ¼ of the page width:

    1
    2
    3
    4
    5
    6
    #column1 {
        width: 75%;
    }
    #column2 {
        width: 25%;
    }

    This works until we are in need of padding around the contents of the columns. For example “padding: 20px”, this will be added to the percentage widths, and cause the two items to take up more than 100% width. 

     

    You can do this into your form  by changing the source code or you can do this onto your website page - exactly where you are inserting the form

     

    Greetings !

  • Profile Image
    JotForm Support

    Answered by jonathan on February 18, 2014 at 05:17 AM

    @ IslandParadise

    Hi,

    You can also review this thread -How-to-make-my-form-mobile-responsive for hints on how to have mobile response forms.

    You can inject custom CSS codes to adjust the responsinveness of your form.

    Inform us if you need further assistance.

    Thanks.