Cómo cambiar el tamaño de una caja dentro de una Lista Configurable

Buenos días.

Me gustaría saber cómo puedo cambiar el tamaño de una caja que está dentro de una Lista configurable.

Muchas gracias.

Ángela Esteban

Servicio de Juventud del Ayuntamiento de Guadarrama

Hi Rafael,

Thanks for reaching out to Jotform Support. I'd like to let you know that I am using a translation tool to provide assistance, but if you prefer to receive help in your native language, we can forward this ticket to our Spanish Team. However, keep in mind that it could take longer to receive a response from them. 

With that said, I assume this is the form 232531726532351 you're working on, right? Can you explain a bit more about the result you want with the Configurable list widget? Do you want to increase the field's width? I see you have four fields inside the widget, do you want to display them in multiple rows/lines?

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

Buenos días.

Necesitaría saber cómo agrandar algunas cajas y cómo hacer más pequeñas otras. Por ejemplo, hacer más grande la caja del nombre y apellidos y más pequeña la del DNI o la del Teléfono.

Muchas gracias.

Ángela Esteban,

Servicio de Juventud de Guadarrama

Hi Ángela,

Thanks for reaching out to Jotform Support. You can inject Custom CSS codes to achieve this. Let me show you how:

• In Form Builder, click on the widget you want to adjust.
• Click on the Wand icon next to the widget.
• Paste the code below into the field under the Custom CSS tab.
• Click on Update Widget. That's it.

#list > div > div.configurable-list-field-row > div.configurable-list-field-wrapper.col1.text-field-selector{

  max-width: 210px !important;

  min-width: 210px !important;

}



#list > div > div.configurable-list-field-row > div.configurable-list-field-wrapper.col2.\[label\]-field-selector{

  max-width: 210px !important;

  min-width: 210px !important;

}



#list > div > div.configurable-list-field-row > div.configurable-list-field-wrapper.col3.\[label\]-field-selector{

    max-width: 85px !important;

    min-width: 85px !important;

}



#list > div > div.configurable-list-field-row > div.configurable-list-field-wrapper.col4.TEXT-field-selector{

  max-width: 85px !important;

    min-width: 85px !important;

}

This is just an example, if you need something specific to achieve with CSS Codes on your form, we can do it for you.

Let us know if you have any other questions.