How do I make the forms responsive?

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

  • Profile Image
    datasphere
    Answered 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
    jonathan
    Answered 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.