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

Un «componente de pozo» es, ante todo, un elemento de diseño que se utiliza para desplazar visualmente o contener otros componentes de formulario dentro de un área diferenciada, a menudo empotrada o con borde.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente «Well» 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 aspecto y la identificación del componente de pozo.

Etiqueta:
- Este es el título del componente dentro del generador de formularios. Aunque se trata de un campo obligatorio, suele servir más como identificador para usted, en su calidad de diseñador del formulario, que como etiqueta destacada visible para el usuario final, especialmente si selecciona «Ocultar etiqueta».
- Ejemplo: «Componente de pozo», «Cuadro de información del cliente».
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS, lo que proporciona un mayor control sobre su aspecto visual (por ejemplo, añadir un borde, un color de fondo o un relleno).
Ocultar etiqueta:
- Si se marca esta casilla, la etiqueta principal del componente no se mostrará en el formulario. Suele marcarse en componentes de diseño como «Pozo», ya que su finalidad es la agrupación visual, no la introducción directa de datos.
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 «Well» (y todos los componentes situados en su interior) 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 el campo «Instrucciones especiales» (que contiene un área de texto) solo se muestre cuando la casilla «¿Se necesitan instrucciones especiales?» esté marcada.

Ventana de vista previa

El área de vista previa, situada a la derecha del cuadro de diálogo, le muestra cómo aparecerá visualmente el «cuadro» en su formulario. Normalmente muestra un recuadro o un área ligeramente sombreada, lo que indica una región delimitada en la que puede colocar otros campos del formulario. Esto le ayuda a visualizar cómo se separará visualmente el contenido.

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

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

Prácticas recomendadas para el componente «Well»:

Separación visual: utilice un «Well» para separar claramente las distintas secciones de su formulario, lo que facilitará a los usuarios el procesamiento de la información.
Agrupe campos relacionados: Coloque un grupo lógico de campos dentro de un «Well» para mejorar la organización, de forma similar a un componente «Panel» o «Grouping», aunque a menudo con un estilo visual más sencillo y menos llamativo.
Utilice CSS personalizado para el estilo: Dado que el componente «Well» es un contenedor básico, aproveche la «clase CSS personalizada» para definir su apariencia (por ejemplo, un sutil tono de fondo o un borde claro) a fin de que se adapte al diseño de su formulario.
Oculte la etiqueta: Por lo general, la «etiqueta» principal del «Well» sirve para la organización interna; ocúltela de la interfaz de usuario mediante la casilla de selección «Ocultar etiqueta».
Agrupación condicional: utilice la lógica condicional para mostrar u ocultar secciones completas contenidas en un «Well» en función de la información introducida por el usuario, lo que agiliza la experiencia de uso del formulario.