Corfix Form Builder: uso del componente «Panel».

1. Pestaña «Visualización»

La pestaña «Visualización» controla el aspecto y la identificación del componente de panel.

• Título:

  • Este es el título destacado que aparece en la parte superior del panel en el formulario propiamente dicho. Se trata de un elemento clave para organizar su formulario.

  • Ejemplo: «Datos del solicitante», «Alcance del proyecto», «Lista de comprobación de seguridad».

• Color:

  • Le permite seleccionar una combinación de colores predefinida para el panel, lo que puede ayudar a diferenciar visualmente las secciones.

  • Predeterminado: Predeterminado.

• Texto de ayuda:

  • Texto que aparece cuando el usuario pasa el ratón por encima del título del panel. Resulta útil para proporcionar ayuda rápida o contexto sobre toda la sección.

• Clase CSS personalizada:

  • Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.

• Plegable:

  • Si se marca esta opción, el usuario podrá expandir o contraer el panel, lo que le permitirá ocultar o mostrar su contenido. Esto resulta útil para formularios largos o secciones opcionales.

• Ocultar etiqueta:

  • Esta opción suele ser menos relevante para los paneles, ya que su identificador principal es el «Título». Si se marca, se ocultaría una etiqueta genérica «Panel», pero no el «Título».

• 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 panel (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 el panel «Información de contacto de emergencia» solo se muestre cuando la casilla «¿Tiene un contacto de emergencia?» 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 «Panel» en su formulario. Muestra un recuadro rectangular con un «Título» en la parte superior, que representa el área donde se colocarían otros componentes del formulario. Esto le ayuda a visualizar cómo se organizará el contenido dentro del panel.

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

• Guardar: guarda todos los cambios realizados en la configuración del componente «Panel».

• Cancelar: Descarta cualquier cambio no guardado y cierra el cuadro de diálogo.

• Eliminar: Elimina del formulario el componente «Panel» y todos los componentes situados en su interior.

Prácticas recomendadas para el componente «Panel»:

• Utilice un título claro: Asigne siempre a su panel un «Título» descriptivo (por ejemplo, «Información personal», «Datos laborales») para agrupar los campos de forma lógica.

• Mejore la legibilidad: utilice paneles para dividir los formularios largos en secciones manejables y visualmente diferenciadas.

• Haga que sea plegable para secciones opcionales o extensas: si una sección contiene muchos campos o no siempre es relevante, hacer que el panel sea «plegable» mejora la concisión del formulario.

• Aplique lógica condicional: muestre u oculte paneles completos en función de la información introducida por el usuario, creando formularios dinámicos que se adapten a situaciones específicas.

• Tenga en cuenta el uso del color para la diferenciación: utilice el «color» para distinguir visualmente entre diferentes tipos de paneles o para resaltar secciones críticas, pero utilícelo con moderación para mantener un diseño limpio.