Corfix Form Builder: cómo utilizar el componente «Columnas».

Este componente se utiliza para disponer otros componentes del formulario uno al lado del otro en un diseño en columnas, lo que le ayuda a organizar su formulario de forma visual.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente «Columnas» para acceder al panel de configuración. Verá cuatro pestañas:

Visualización
Condicional

1. Pestaña «Visualización»

La pestaña «Visualización» controla el diseño y el aspecto general del componente «Columns».

Etiqueta:
- Este es el título de su sección de columnas. Aunque es un campo obligatorio, suele servir más como identificador dentro del generador de formularios que como etiqueta visible para el usuario.
- Ejemplo: «Columnas», «Diseño de dos columnas», «Campos de dirección».
Propiedades de las columnas:
- Esta sección le permite definir el ancho de cada columna individual que desee crear. Es probable que Corfix utilice un sistema de cuadrícula de 12 unidades (habitual en el diseño web), en el que la suma de los anchos de las columnas suele ascender a 12 para una fila completa.
  - Ancho: El ancho numérico asignado a cada columna.
  - Añadir columna: Haga clic en este botón para añadir otra columna a su diseño.
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.
Ocultar etiqueta:
- Si se marca esta casilla, la etiqueta del componente no se mostrará en el formulario. Suele marcarse en el caso de los componentes de diseño, ya que su finalidad es la disposición visual.
Edición modal:
- (Los detalles no se ven completamente en la captura de pantalla, pero suele referirse a la edición en una ventana modal emergente).

2. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse todo este componente de columnas (y todos los componentes que contiene) en función de los valores de otros componentes del formulario.

Simple:
- Normalmente se trata de un botón de alternancia o un menú desplegable para elegir entre lógica condicional simple y avanzada.
Este componente debe mostrarse:
- Elija si el componente debe «Mostrarse» u «Ocultarse» (opciones implícitas) en función de la condición.
Cuando el componente del formulario:
- Seleccione otro componente de su formulario cuyo valor active la condición.
Tenga el valor:
- Especifique el valor exacto que debe tener el componente del formulario seleccionado para que se cumpla la condición.
Ejemplo: Podría configurar una regla para que la sección «Información de contacto en dos columnas» solo se muestre cuando la casilla «Requerir contacto adicional» esté marcada.

Panel de vista previa

El panel de vista previa, situado a la derecha del cuadro de diálogo, representa visualmente el diseño de columnas que está creando. Muestra la división horizontal del espacio en columnas, reflejando los ajustes de «Ancho» que aplique. Los demás componentes que posteriormente arrastre y suelte en estas columnas aparecerán entonces dentro de esta estructura.

Acciones en la parte inferior del cuadro de diálogo:

Guardar: guarda todos los cambios realizados en la configuración del componente «Columnas».
Cancelar: Descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina del formulario el componente «Columns» y todos los componentes colocados en su interior.

Prácticas recomendadas para el componente «Columnas»:

Utilícelo para la organización visual: utilice columnas para agrupar campos relacionados uno al lado del otro y hacer que sus formularios sean más breves y fáciles de leer.
Intente alcanzar un ancho total de 12 unidades: para una sola fila completa, asegúrese de que la suma de los «anchos» de sus columnas sea igual a 12 (por ejemplo, dos columnas de 6, tres columnas de 4).
Oculte la etiqueta: en el caso de las columnas, suele ser recomendable ocultar la «etiqueta» del componente, ya que su finalidad principal es la maquetación, no la introducción de datos.
Mantenga juntos los campos relacionados: Coloque los campos lógicamente relacionados (como el nombre y los apellidos, o la ciudad y el código postal) en columnas adyacentes.
Agrupación condicional: utilice la configuración «Condicional» para mostrar u ocultar secciones completas del formulario que estén distribuidas en columnas, lo que permite que los formularios dinámicos resulten más claros.