Cómo establecer columnas en el formulario

24 de junio de 2024

Al margen de CSS personalizables, el Creador de Formularios tiene características propias que os pueden ayudar a crear formularios multi-columna. Esta guía muestra que las opciones que puedes utilizar cuando tenga que lidiar con las columnas del formulario.

Youtube Embed Poster: f4dyCN2iy5o

Contraer los campos de los formularios

Por defecto, cada campo que añadís ocupa una fila en vuestro formulario. Acortarlo permite mostrar al menos dos campos del formulario en una fila.

Para contraer un campo

  1. En el Creador de Formularios, seleccione el elemento clicando en el icono del engranaje.
  2. En el panel de propiedades a la derecha, ve a Avanzado en la parte superior.
  3. Active la opción de Contraer
Cómo establecer columnas en el formulario Image-1

Puedes también sobresaltar múltiples elementos  en vuestro formulario y seleccionar Contraer en el menú de contexto.

Establecer de tres a más columnas

Para mostrar los campos del formulario en tres o más columnas

  1. Seleccione al menos tres elementos en vuestro formulario con Ctrl + Clic.
  2. Clic-derecho en uno de los elementos destacar.
  3. Seleccione Contraer desde el menú de contexto.
Cómo establecer columnas en el formulario Image-2
  1. Seleccionad el icono de la brocha en la esquina superior derecha para abrir el Diseñador de Formulario.
  2. En el panel del Diseñador de Formulario a la derecha, seleccione Diseñador Avanzado en la parte inferior.
Cómo establecer columnas en el formulario Image-3
  1. En el Diseñador Avanzado, seleccione el formato de Formulario en la derecha.
  2. Active el apartado de Habilitar Columnas.
  3. Nota: Esta opción únicamente estará disponible si hay al menos un elemento Encogido en vuestro formulario.
  4. Introduzca el número de columnas deseadas.
  5. Una vez que lo tengáis listo, seleccionad el icono del disquete en la esquina superior izquierda para guardar los cambios.
Cómo establecer columnas en el formulario Image-4

Para volver al Creador de Formularios, seleccione el logo de Jotform en la esquina superior izquierda.

Mover los campos contraídos a una nueva línea

Supongamos que tiene un formulario con tres columnas y necesitas mostrar únicamente dos campos en filas específicas de tres, puede utilizar la opción de mover a una nueva línea

Para mover un campo encogido a una nueva línea

  1. Seleccione su elemento del formulario en el icono del engranaje para abrir las propiedades.
  2. En el panel de propiedades a la derecha, ve a Avanzado en la parte superior.
  3. Active Mover a una nueva línea.

Aquí hay algunas otras cosas que considerar cuando establecemos las columnas de los formularios:

  • Ancho del formulario. Para asegurar que el ancho es lo suficiente para acomodar las columnas.
  • Ancho del campo. Si necesitáis crear un formulario de do columnas y un campo no se mueve, podéis intentar reducir su ancho. Debido a la naturaleza responsiva del formulario, un campo relativamente largo ocupará demasiado espacio para que el otro campo pueda estar al lado.
  • Posición de etiqueta del campo. Un campo con una etiqueta alineada a la izquierda será más ancha que el campo que con una etiqueta alineada en la parte superior.
Contacte a atención al cliente:

Nuestro equipo de atención al cliente está disponible 24/7 y nuestro tiempo de respuesta promedio es entre una y dos horas.
Nuestro equipo puede ser contactado vía:

Foro de ayuda: https://www.jotform.com/answers/

Contacto a Soporte de Jotform: https://www.jotform.com/contact/

Enviar Comentario:

Jotform Avatar
Este sitio está protegido por reCAPTCHA y lo rigen la Política de privacidad de Google y los Términos de servicio.

Comentarios:

  • Manuel-Asumu Elá Mbengono - Profile picture