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 can I resize Autocompleted Address widget fields?

    Asked by JBL on February 19, 2017 at 08:55 AM

    It looks fine on desktop computer, but on mobile the fields are too wide. I managed to use css to narrow the street name, house number, city, and state, but the top/first (autocomplete) field is still too wide. I will like to narrow all fields to be equal in width.

    I will also like to increase the height of all five fields on mobile.

     

    Thanks

    Page URL:
    https://www.jotform.com/build/70461338547156

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 19, 2017 at 10:53 AM

    Please try this:

    1. Change the width of the whole Autocomplete widget to 340px:

    2. Copy and paste the below CSS to the Custom CSS field of the Autocomplete widget:

    input[type="text"]{

    width:220px!important;

    }

    It should look like this after those adjustments on a mobile phone:

    Please let us know how it works for you.

    Thank you!

     

  • Profile Image

    Answered by JBL on February 19, 2017 at 09:01 PM

    This works!!! I changed the values in both the widget and the css to 380px to get it to the width I want.

     

    Thank you very much

  • Profile Image

    Answered by Ian on February 20, 2017 at 01:29 AM

    We are glad that issue resolved for you.

    Do submit a new post in the forum, if you face any other issue.