Corfix Form Builder: Uso del componente de opción

Un componente de radio (o «botones de radio») permite a los usuarios seleccionar una única opción de una lista predefinida.

Dónde encontrarlo

En su Corfix Form Builder, haga clic en un componente de campo de texto 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 el componente de radio al usuario.

Etiqueta:
- Este es el título principal del grupo de botones de opción que verán los usuarios. Es un campo obligatorio.
- Ejemplo: «Método de comunicación preferido», «Género», «Tipo de servicio».
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 respectivos botones de opción (p. ej., derecha, izquierda).
- Valor predeterminado: Derecha.
Descripción:
- Proporciona texto explicativo adicional para el componente, que suele mostrarse debajo de la etiqueta principal.
- Ejemplo: «Seleccione únicamente una opción».
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.
Disposición 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 (el valor de la opción seleccionada) 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 opción al cargar el formulario. Los usuarios pueden modificar esta selección.
Valores:
- Se trata de una tabla en la que se definen las opciones individuales de los botones de opción.
  - 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 al botón de opción para cada opción (p. ej., «Sí», «No», «Opción C»).
  - Valor: El valor real de los datos que se guardará cuando se seleccione esta opción concreta. Este campo es 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 la selección del usuario cumpla unos requisitos específicos.

Obligatorio:
- Si se marca esta casilla, el usuario deberá seleccionar una opción de la lista antes de enviar el formulario.

4. Pestaña «Condicional»

La pestaña «Condicional» le permite configurar reglas que determinan cuándo debe mostrarse u ocultarse todo este componente de opció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 los botones de opción «¿Necesita una comida vegetariana?» solo se muestren cuando esté marcada la casilla «Asiste a la cena».

Panel de vista previa

El panel de vista previa, situado a la derecha del cuadro de diálogo, le muestra cómo aparecerán visualmente los botones de «opción» en su formulario. A medida que defina opciones en la pestaña «Datos» o ajuste la configuración de visualización, estos cambios se reflejarán 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 de botones de opción.
Cancelar: descarta cualquier cambio no guardado y cierra el cuadro de diálogo.
Eliminar: Elimina el componente de opción de radio del formulario.

Prácticas recomendadas para el componente de radio:

Úselo para una única elección: Los botones de opción están pensados específicamente para situaciones en las que los usuarios deben seleccionar solo una opción de una lista.
Etiquetas claras para las opciones: Asegúrese de que cada opción de botón de radio tenga una etiqueta concisa y comprensible (por ejemplo, «Sí», «No», «Quizás»).
Establezca un valor por defecto (si procede): si existe una opción más habitual o más segura, considere la posibilidad de establecer un «valor por defecto» para agilizar la introducción de datos por parte del usuario.
Marque el campo como obligatorio: para decisiones críticas en las que la elección sea obligatoria, marque la casilla «Obligatorio» en la pestaña «Validación».
Visualización condicional: Oculte el grupo de botones de opción hasta que sea relevante para las entradas anteriores del usuario, con el fin de mantener el formulario ordenado.