- NetSpeedZAsked on July 31, 2013 at 12:24 AM
When I change form width, the form fields do not automatically adjust down to the new size. Why?
Already tried the CSS code to set form field width and it doesn't work.
This really should not be that difficult but it seems that the JotForm Builder does not allow the changing of form field width on a template (or any other form that the width is reduced).
- JotForm SupportWelvinAnswered on July 31, 2013 at 12:57 AM
You can change the field width by;
1. Click the Field
2. Find and Click "Size" button from the toolbar
3. Define your value in pixels
I've check your Last Form ID: https://www.jotform.com/32109403566147. You are using Template which has a defined sizes injected to the form. You have to check the form injected custom CSS codes and change the value there. You can check injected custom CSS codes by following this guide: How to Inject Custom CSS Codes.
- NetSpeedZAnswered on July 31, 2013 at 01:13 AMAlready tried your suggestion. That doesn't work.
- NetSpeedZAnswered on July 31, 2013 at 01:20 AMChanged the CSS code in the injected CSS portion of the Form Style.
Although the field width was reduced, the border on the right side of the
form field looks as if it is 'cut off'.
- JotForm SupportWelvinAnswered on July 31, 2013 at 01:38 AM
You can play around with the sizes. I mean, add the background size CSS. Below:
background-size: 304px 40px !important;
First value is the width, the second value is the height of the background image. Yes, there's an image for the textboxes.
I've made the changes to your form, please kindly check.
- JotForm SupportWelvinAnswered on July 31, 2013 at 01:44 AM
I forgot to add the Text Area CSS background size. Here's the codes:
background-size: 305px 114px !important;
You can play around the sizes if you'd like to adjust the width and height of the text areas.
- NetSpeedZAnswered on July 31, 2013 at 01:57 AMGot it changed. Looks good. Appreciate the information and quick response.
Would recommend in the future that you instruct those who are asking the
same thing I have asked to ensure there is no CSS code negating any width
changes to the form. I looked at several responses made to people having
the same problem I had and saw no reference to check CSS code for
- JotForm SupportWelvinAnswered on July 31, 2013 at 03:09 AM
You need the adjustments via CSS codes if it's a custom made form with images or custom styling on it. Let us know if you need any further assistance.