Increase description text area

Team,

Can you assist in making the Part Number and Description text area on the first row, expanding the description box to be as wide as possible while still sharing the row with the part number.

This will also move the Unit of Measurement and Unit Price to the 2 row, with Minimum, Maximum, and Lead Time in weeks fields.

https://form.jotform.com/240857606139058

Thank you,

Alyce

Hi Alyce,

Thanks for reaching out to Jotform Support. You can inject the CSS code below into the widget to expand the Description text area.

.configurable-list-field-wrapper.col2.textarea-field-selector {

    max-width: 100% !important;

    flex-basis: 70% !important;

}

Let me walk you through it:

1. In Form Builder, select the Configurable List widget and click on the wand icon.
2. Then, go to Custom CSS tab and paste the code.
3. Lastly, click on Update Widget.

Also, just to confirm, do you want the fields on the second row to be smaller? I noticed that the form size is small, and the fields on the second row will not fit. Let us know if the example below works for you or if you would like to adjust the fields on the second row. 

Once we hear back from you, we'll be able to help you with this.