CSS Codes: How to Make Fields in Configurable List Wider

I see that the large of the survey is not enogh for me because there is some words cut in the middle and the rest in tah next line, so I would like to know if I can have more large or use all the page for it ?

Hi Riad,

Thanks for reaching out to Jotform Support. Are you referring to the Cartographie des services publics form? Can you give me a few more details so I can understand what you need? A screenshot of what you’re seeing would be really helpful. Our guide on How to Post Screenshots to Our Help Center shows you how to take one.

As soon as we hear back from you, we can work on getting you a solution for this.

I want to use more space (like the space in red to have a large forms)

Hi Riad,

Thanks for getting back to us. I understand you’d like your form to use more space on the page so the questions and options don’t get cut into two lines. You can do this by adjusting the width of your form inside the Form Designer. It's easy to do. Let me walk you through it:

1. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
2. In the menu that opens, click on Styles at the top.
3. Under Form Width, type in a higher value like 800 or 1500 to make the form wider.
4. That’s it! Your form will now use more space, and long text won’t be cut into new lines.

Give it a try and let us know how it goes.

Thanks, but at the same this I want to keep one field by line.

and I need a large field to keep my questions in just one line

Hi Riad,

Sure, you can make the fields wider in the same line. Here's how to do it:

First, copy this code:

#customFieldFrame_5 {

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

}

and paste it into the Inject CSS Code textbox of your form.

Then, copy the code below:

.configurable-list-field-wrapper {

max-width: 100%;

min-width: 100%;

}

and paste it into the Custom CSS section of your Configurable List widget. You can follow our How to Inject CSS Codes to Widgets guide to do it.

Here's how the form will look:

Reach out again if you have any other questions.

Thanks !