- elijmartinezAsked 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?
- IanAnswered 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.
- elijmartinezAnswered 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.
- JotForm SupportdavidAnswered 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:
- elijmartinezAnswered 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?
- JotForm SupportdavidAnswered 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:
max-width: none !important;
- elijmartinezAnswered 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.
- JotForm SupportdavidAnswered 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:
You can clone it to your own account, it should allow for changing dropdown field widths directly in the builder.