Corfix Form Builder: cómo utilizar el componente de casilla de selección

El componente «Casilla de selección» se utiliza para selecciones simples de tipo «sí/no» o «activado/desactivado».

Dónde encontrarlo

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

• Visualización

• Datos

• Validación

• Condicional

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra la casilla de selección al usuario.

• Etiqueta:

  • Este es el texto visible junto a la casilla de selección que verán los usuarios. Es un campo obligatorio.

  • Ejemplo: «Acepto los términos», «Completado», «¿Está activo?».

• Ancho de la etiqueta:

  • Controla el ancho de la etiqueta situada junto a la casilla de selección, expresado en porcentaje.

• Margen de la etiqueta:

  • Controla el espacio entre la etiqueta y la casilla de selección, en porcentaje.

• Descripción:

  • Proporciona un texto explicativo adicional para la casilla de selección, que suele aparecer debajo de ella.

  • Ejemplo: «Marque esta casilla para confirmar que ha comprendido el contenido».

• Información sobre herramientas:

  • Texto que aparece cuando el usuario pasa el ratón por encima de la casilla de selección. Resulta útil para ofrecer ayuda rápida o contexto.

• Clase CSS personalizada:

  • Permite a los usuarios avanzados aplicar estilos personalizados a la casilla de selección mediante clases CSS.

• Ocultar etiqueta:

  • Si se marca esta opción, no se mostrará la etiqueta de la casilla de selección (solo la propia casilla).

• 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).

• Incluir en informes:

  • Si se marca, los datos de este campo (marcado/desmarcado) se incluirán en los informes.

2. Pestaña «Datos»

La pestaña «Datos» gestiona las propiedades de los datos subyacentes de la casilla de selección.

• Valor por defecto:

  • Si se marca, la casilla de selección aparecerá preseleccionada al cargar el formulario. Los usuarios pueden desmarcarla.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para la casilla de selección.

• Obligatorio:

  • Si se marca, el usuario deberá interactuar con la casilla de selección. Esto suele significar que debe estar marcada para enviar el formulario, especialmente en el caso de las casillas de selección de tipo «aceptación».

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse este componente de casilla de selección 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 o avanzada.

• Este componente debe «Mostrar»:

  • 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 casilla de verificación «Acepto la política de privacidad» solo se muestre cuando el usuario seleccione un país concreto en otro campo.

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 «Área de texto» en su formulario. A medida que ajuste parámetros como la etiqueta, el texto de lugar de retención o el número de filas, verá cómo estos cambios se reflejan en tiempo real.

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

• Guardar: guarda todos los cambios realizados en la configuración del componente de casilla de selección.

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

• Eliminar: Elimina el componente «Casilla de selección» del formulario.

Prácticas recomendadas para el componente «Casilla de selección»:

• Etiquetas claras y orientadas a la acción: utilice etiquetas que indiquen claramente lo que el usuario está aceptando o confirmando (por ejemplo, «¿Está completada esta tarea?», «Recibir actualizaciones por correo electrónico»).

• Utilícelas para elecciones binarias: Las casillas de selección son ideales para decisiones sencillas de tipo «sí/no», «verdadero/falso» o «activado/desactivado». No las utilice para opciones de elección múltiple en las que solo se pueda seleccionar una (para ello, utilice botones de opción o el componente «Seleccionar»).

• Utilice el «valor por defecto» con prudencia: marque de antemano la casilla «Valor por defecto» únicamente si la gran mayoría de los usuarios va a seleccionar esa opción, o si se trata de una elección «opcional» no crítica. Evite marcar de antemano las casillas en el caso de acuerdos legales.

• Haga que las casillas de verificación de «aceptación» sean obligatorias: si una casilla de verificación indica la aceptación de términos, políticas o una confirmación, configúrela como «obligatoria» en la pestaña «Validación».

• Aproveche la lógica condicional: oculte las casillas de selección hasta que sean directamente relevantes en función de otras selecciones del formulario, con el fin de optimizar la experiencia del usuario.