Saltar al contenido principal

Visibilidad condicional

Muestra u oculta campos según otras respuestas, columnas de lista y operadores de comparación.

Video próximamente

Visibilidad condicional

id: academy-conditional-visibility · ~2–4 min

Graba este video y agrega src en <LessonVideo id="academy-conditional-visibility" />.
Form preview · conditionals

Describe the follow-up

Ejemplo: responder Sí revela el campo de seguimiento.

Audiencia: Administrador

La visibilidad condicional permite mostrar un campo solo cuando otra respuesta cumple una regla. Los campos ocultos se omiten en móvil y no son obligatorios mientras estén ocultos. Las reglas se guardan como Mostrar solo cuando… en cada campo (visibleWhen en la definición).

Dónde configurar reglas

Selecciona un campo en el lienzo de Form Builder y abre Reglas de visibilidad en el panel derecho—o usa la vista Visibilidad de campos para ver qué campos dependen de otros. Las condiciones controlan solo la visibilidad; no enrutan pasos de un asistente.

Ejemplo paso a paso

Supón que el campo A pregunta Tipo de falla con opciones Fuga, Eléctrico y Otro. El campo B (Diámetro de tubería) debe aparecer solo cuando A sea igual a Fuga.

  1. Agrega ambos campos; coloca A encima de B en el orden del formulario.
  2. Selecciona B y agrega una regla: origen A, operador es, valor Fuga.
  3. Previsualiza en móvil: elige EléctricoB permanece oculto. Elige FugaB aparece y puede marcarse como obligatorio.

Agrega más reglas igual en otros campos—por ejemplo mostrar Detalle de otro cuando A no es Eléctrico.

Operadores

OperadorUso típico
esCoincidencia exacta (texto, número, fecha, sí/no)
no esOcultar salvo que la respuesta difiera
es uno deCoincide con cualquier valor de una lista
no es ninguno deOcultar cuando la respuesta está en una lista
tiene cualquier valorMostrar cuando el origen fue respondido
está vacíoMostrar cuando el origen está en blanco
no está vacíoMostrar cuando el origen tiene dato
es mayor que / es menor queSolo comparaciones numéricas

Elige un operador acorde al tipo del campo origen. Las comparaciones numéricas requieren un origen numérico.

Orígenes: campos del formulario y columnas de lista

El Origen puede ser:

  • Cualquier campo anterior del formulario (texto, número, fecha, radio, checkboxes, selección de lista, etc.).
  • Una columna de un campo Lista vinculado a una Fuente de datos—por ejemplo mostrar Notas de garantía cuando @equipo.categoria es uno de Premium, Extendida.

Los orígenes de columna leen el valor de la fila que el usuario seleccionó. Si se borra la lista, los campos dependientes vuelven a ocultarse.

Comportamiento en ejecución

Las reglas se reevalúan mientras el usuario escribe o cambia selecciones. Al borrar la respuesta controladora, los campos dependientes se ocultan y pierden su estado de validación. Coloca las preguntas controladoras arriba de los campos que desbloquean para un flujo natural en móvil.

Consejos

  • Mantén cadenas cortas—uno o dos saltos (A → B → C)—para que sea predecible qué aparece.
  • No marques obligatorio un campo oculto si no puede volverse visible en la misma visita.
  • Al renombrar slugs de campos, revisa las reglas para confirmar que los orígenes siguen resolviendo.
  • Combina con Listas desde Fuentes de datos para visibilidad según columnas del catálogo.

Relacionado