Diseño de Nombre de Campo en tres columnas

Estimados, buenas tardes:

Me gustaría solicitar su apoyo para modificar el diseño de esta sección del formulario. Actualmente, los títulos de los campos se encuentran ubicados encima de cada campo.

Pero deseo que el título aparezca al lado derecho y el campo al lado izquierdo, manteniendo siempre la estructura de tres columnas, tal como se muestra en el ejemplo adjunto.

Agradezco de antemano su apoyo.

Hi AUTONORT_TRUJILLO_SAC,

Thanks for reaching out to Jotform Support. Our Spanish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, I have reviewed your form that you have provided and currently, the field that is shown in your screenshot does not exist as shown in the screenshot.

Did you remove it? If yes, could you add it back so that we can check it out and create the appropriate CSS code for it?

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

Buenos días, estaba oculto por condición, he desactivado los condicionales y ya se puede ver.

Hi AUTONORT_TRUJILLO_SAC,

We can adjust the width of the field label and input field by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

#section_127 > li.form-line > label {

    width: 32% !important;

}





#section_127 > li.form-line > div {

    width: 66% !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Result:

You can adjust the percentage value if you would like to change the assign width of the field label and input field on the CSS code provided.

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

Muchas gracias