Corfix Form Builder: Uso del componente «Casillas de selección»

En este artículo se explican los distintos ajustes disponibles para el «componente de casillas de selección» en Corfix. El componente de casillas de selección permite a los usuarios seleccionar varias opciones de una lista predefinida.

Dónde encontrarlo

En su generador de formularios de Corfix, haga clic en un componente «Select Boxes» para acceder al panel de configuración. Verá cuatro pestañas:

Visualización
Datos
Validación
Condicional

Cada pestaña controla diferentes aspectos del comportamiento del campo.

1. Pestaña «Visualización»

La pestaña «Visualización» controla cómo se muestra el componente «Cuadros de selección» al usuario.

Etiqueta:
- Este es el título principal del grupo de casillas de selección que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Seleccione sus preferencias», «Certificaciones obtenidas», «Elementos incluidos».
Posición de la etiqueta:
- Determina dónde se muestra la etiqueta principal con respecto al grupo de opciones (p. ej., Arriba, Izquierda, Derecha, Abajo).
- Valor predeterminado: Arriba.
Posición de las etiquetas de las opciones:
- Controla dónde aparecen las etiquetas de las opciones individuales en relación con sus respectivas casillas de selección (p. ej., a la derecha, a la izquierda).
- Valor predeterminado: Derecha.
Descripción:
- Proporciona texto explicativo adicional para el componente, que suele mostrarse debajo de la etiqueta principal.
- Ejemplo: «Marque todas las opciones que correspondan».
Información sobre herramientas:
- Texto que aparece cuando el usuario pasa el ratón por encima del componente. Resulta útil para ofrecer ayuda rápida o contexto.
Clase CSS personalizada:
- Permite a los usuarios avanzados aplicar estilos personalizados al componente mediante clases CSS.
Diseño en línea:
- Si se marca esta casilla, las opciones se mostrarán horizontalmente (una al lado de la otra) en lugar de verticalmente (una debajo de la otra).
Ocultar etiqueta:
- Si se marca esta casilla, no se mostrará la etiqueta principal del componente.
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 esta casilla, los datos de este campo (qué opciones se han seleccionado) se incluirán en los informes.

2. Pestaña «Datos»

La pestaña «Datos» es donde se definen las opciones reales disponibles para el usuario en este componente.

Valor por defecto:
- Le permite preseleccionar una o varias opciones al cargar el formulario. Los usuarios pueden modificar estas selecciones.
Valores:
- Se trata de una tabla en la que se definen las opciones de cada casilla de selección individual.
  - Indicador: (La funcionalidad no queda clara a simple vista en la captura de pantalla; probablemente se trate de un uso interno o de funciones avanzadas, como iconos).
  - Etiqueta: El texto visible que aparece junto a la casilla de selección de cada opción (por ejemplo, «Opción A», «Rojo», «Opción B»).
  - Valor: El valor de datos real que se guardará cuando se marque esta opción específica. Este es un campo obligatorio. A menudo es recomendable que el «Valor» sea una versión simplificada y legible por máquina de la «Etiqueta» (p. ej., Etiqueta «Opción A» -> Valor «optionA»).
  - Añadir otra: Haga clic en este botón para añadir más opciones a su lista.

3. Pestaña «Validación»

La pestaña «Validación» define las reglas para garantizar que las selecciones del usuario cumplan requisitos específicos.

Obligatorio:
- Si se marca, el usuario deberá seleccionar al menos una opción de la lista antes de enviar el formulario.
Número mínimo de opciones seleccionadas:
- El número mínimo de opciones que el usuario debe seleccionar.
Número máximo de opciones seleccionadas:
- El número máximo de opciones que el usuario puede seleccionar.
Mensaje de error por número mínimo de opciones seleccionadas:
- Mensaje de error personalizado que se muestra si se incumple la regla «Número mínimo de opciones seleccionadas».
Mensaje de error por número máximo de opciones seleccionadas:
- Mensaje de error personalizado que se muestra si se incumple la regla del «Número máximo de opciones seleccionadas».

4. Pestaña «Condicional»

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

Simple:
- Normalmente se trata de un conmutador o un menú desplegable para elegir entre lógica condicional simple o 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 «Seleccione sus ingredientes preferidos» solo se muestre cuando la casilla «¿Pedir pizza?» esté marcada.

Panel de vista previa

El área de vista previa, situada a la derecha del cuadro de diálogo, le muestra cómo aparecerán visualmente los «cuadros de selección» en su formulario. A medida que defina opciones en la pestaña «Datos» o ajuste otros parámetros de visualización, verá cómo estos cambios se reflejan de forma inmediata.

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

Guardar: guarda todos los cambios realizados en la configuración del componente «Cuadros de selección».
Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina el componente «Cajas de selección» del formulario.

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

Etiqueta principal clara: Asigne a todo el grupo de opciones una etiqueta clara y sencilla (por ejemplo, «Métodos de contacto preferidos»).
Etiquetas y valores significativos para las opciones: Asegúrese de que cada opción individual cuente con una «Etiqueta» clara para el usuario y un «Valor» conciso para el almacenamiento de datos (p. ej., Etiqueta «Notificaciones por correo electrónico», Valor «email_notify»).
Uso para selecciones múltiples: este componente sirve para permitir a los usuarios seleccionar más de una opción de una lista. Si solo se permite una opción, utilice en su lugar un componente «Botón de opción» o «Seleccionar (desplegable)».
Establezca el número mínimo y máximo de selecciones (validación): si existe un requisito sobre el número de opciones que los usuarios deben o pueden seleccionar, utilice «Número mínimo de casillas marcadas» y «Número máximo de casillas marcadas» para garantizar la calidad de los datos.
Visualización condicional según la relevancia: Oculte todo el grupo de casillas de selección hasta que sea necesario, lo que hará que su formulario resulte más ordenado y fácil de navegar.