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

    Drop-down and text fields changed on their own

    Asked by elijmartinez on April 19, 2017 at 12:16 AM

    A few days ago I noticed the width of every drop-down element in my form had changed without my input. Additionally, any changes to width in the Build view weren't having an affect. Now I'm having to go into the advanced designer and code CSS. What happened? 

  • Profile Image

    Answered by Ian on April 19, 2017 at 03:31 AM

    Could you please specify which of the fields on the forms have changed?

    I checked the form and here are the screenshot of the form that I see from my end :

    # There was a temporary issue with the Advanced Designer which is fixed now.

    Please check again and let us know if the issue persists.

  • Profile Image

    Answered by elijmartinez on April 19, 2017 at 01:46 PM

    There are two main issues that appeared out of nowhere:

    1 - I no longer can manipulate the width or size of ANY element on my form in the BUILD view (this now can only be done by CSS apparently)

    2 - When I enter text into #input_7 is does not wrap. The type continues indefinitely.  

  • Profile Image
    JotForm Support

    Answered by david on April 19, 2017 at 02:54 PM

    I checked your form and it looks to be the theme applied to the form causing the formatting issues.  When I applied the default theme back to the form, the dropdown fields were no longer set to 100% width:

     

    And the text wraps properly when filling in the Text Area field:

  • Profile Image

    Answered by elijmartinez on April 19, 2017 at 03:25 PM

    That's strange. The only Theme I show is the Default. Nonetheless, I clicked Remove Theme and it did fix the word-wrap issue, and revert my drop-downs to 150px. 

    I'm still not able to adjust the width of my drop-down elements in the Build view however. Anything I input doesn't register. 

    How can I fix that without CSS?

  • Profile Image
    JotForm Support

    Answered by david on April 19, 2017 at 03:44 PM

    It seems there is a maximum width being applied to your dropdown fields.  This could be residually applied from the previous theme.

    Adding the following CSS would remove the max width and allow for changing your dropdown fields from the builder without further CSS:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-dropdown {
    max-width: none !important;
    }

     

  • Profile Image

    Answered by elijmartinez on April 19, 2017 at 04:40 PM

    Setting max-width to none did work to uniformly set the fields to the same width, although further changes made from the builder still have no effect. 

    There was then an issue with certain element labels whose width became mysteriously restricted to a certain width, so I used max-width:none, and set the label width under Styles to 0. 

    I'm not sure which of those methods worked but that resolved that issue. 

    I'm still not able to manipulate any form element width from the builder. 

  • Profile Image
    JotForm Support

    Answered by david on April 19, 2017 at 06:13 PM

    All I added to my copy of the form was the CSS referenced above:

    After that was added, the width applied in the builder was applied to the dropdown:

    Here is my copy of the form:

    https://form.jotformpro.com/71086288952972

    You can clone it to your own account, it should allow for changing dropdown field widths directly in the builder.

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL