Reduce the width of a column in a Configurable List widget

Hi, I am testing the Configurable list Widget for functionality.

Could you tell me if this is possible?

1. To reduce the width of the "Same" radio button/field to allow all fields to fit on the same line without requiring scrolling
2. To enable that when the "Same" radio button is clicked it inserts the same Sample name of the line above, into the new line. In other words, if the client has inserted "Dog biscuits" into line 1, when Same is clicked in line 2, it inserts "Dog biscuits" into line 2. Or if "Cat biscuits" is inserted into line 2, when line 3 "Same" is clicked, it inserts "Cat biscuits" into line 3.

Hi Harris,

Thanks for reaching out to Jotform Support. You can inject a CSS code to your form to adjust the width of the Configurable List widget. Let me show you how:

1. First, copy this CSS code.

.configurable-list-field-row {

display: grid !important;

grid-template-columns: 30% 10% 30% 30% !important;

}

.configurable-list-field-wrapper {

min-width: unset !important;

max-width: none !important;

}

2. In Form Builder, go to the Configurable List widget and go to Widget Settings.

3. Under Custom CSS tab, paste the CSS code above and click on Update.

Here's what it'll look like:

As for your other question, I've moved that to a new thread. You can check that out here.

Let us know if you have any other questions.

Thank you, much appreciated.

I could not work out how to do this, in spite of trying to view the code via developer tools

Harris

Hi Harris,

I checked your form on my end, and it seems that you have already added the CSS code on your form. Here's what it looks like when I viewed your form on my end:

Is this what you are seeing on your end? Do you still want to adjust the width of the columns?

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

Apologies, I meant to write that "I could not work out how to do this, in spite of trying to view the code via developer tools", and that is when I asked for your help, which you provided and allowed me to do what I was aiming for.

Thanks