Controlling the width of the Configurable List widget field

Most of the fields (such as short text) on form are set to 600px, and they fill the form.

But on the configurable list widget field, width of 600 is less than half the width, and increasing that number does not widen the field by much, if at all.

Please advise

Thanks

Hi rtolmach,

Thanks for reaching out to us for help. I’m sorry you're having difficulties with this. I’ll do my best to help you. The Width property in the Field Properties of the Configurable List widget refers to the width of the field itself, not the input fields within the widget. We can inject custom CSS codes into the widget to increase the width of its input fields. Let me show you how:

1. Copy the codes below.

.configurable-list-field-wrapper {

max-width: calc(100% - 8px) !important;

}

2. Open your form in Form Builder, and click on the Configurable List widget.

3. On the right side of the widget, click on the Wand icon to open the Widget settings.

4. Under the Custom CSS tab, paste the codes into the box. Then, click on Update Widget.

And that's it. Check out the screenshot below to see the result:

I've cloned your form and made the necessary adjustments, so you can test it. You can find my cloned form here. If you would like to see how it has been configured, feel free to clone my form to your account. Click here to see how to clone the form.

Give it a try and reach out again if you have any other questions.