Formato condicional

Aprende a utilizar el formato condicional en el widget de tabla interactiva.

:::(Info)To use conditional formatting, you need to have an interactive table widget with a datasource in your app.
If you don’t have one yet, read Building Your First Table: Walkthrough.
:::

En esta guía, aprenderás a:* Configurar nuevas reglas de formato condicional* Comprender los diferentes tipos de reglas de formato condicional* Utilizar la comparación de campos en tus reglas de formato* Resolver problemas de errores con el formato condicional

Configurar una regla

1. Haga clic en el widget de tabla interactiva y vaya al .
2. Desplázate hacia abajo hasta la sección «Formato condicional ».
3. Haz clic en + para añadir una nueva regla.
4. De forma predeterminada, se selecciona el primer Field del widget y se configura automáticamente una regla básica.

Ejemplo

• El primer campo, «Descripción», está seleccionado.
• Si los datos de este campo no están en blanco, el fondo se formatea en verde con texto blanco.
• Este formato se aplica únicamente a la columna «Descripción ».

Resumen de la regla

El «Resumen de la regla» muestra los siguientes detalles:* Formato: el color del texto y el color de fondo * Campo de origen: el campo al que se aplica la regla de formato condicional* Condición: el requisito que debe cumplirse para que se aplique el formato* Argumento: la lógica que debe cumplirse para que se aplique el formato* Formato aplicado a: el número de campos a los que se aplica el formato

Este es el resumen de la regla del ejemplo anterior:

Obsérvese que en el resumen de la regla aparece la «Condición», no el «Argumento». Esto se debe a que nuestro formato condicional se aplica siempre que el campo no esté en blanco.

En el tercer ejemplo que veremos más adelante en este artículo, el formato condicional utiliza un argumento «Contiene ». Para este ejemplo, el resumen de la regla tiene este aspecto:

Editar una regla

1. En la sección «Formato condicional», pasa el cursor por encima de la regla que quieras editar en la lista.
2. Haz clic en el icono del lápiz para modificarla.
3. Elige el campo de origen y el tipo de condición adecuados para tu caso de uso.
4. Selecciona un valor estático o una variable como argumento.

Los cambios se aplican inmediatamente al widget.

Ejemplo

Podemos seleccionar «Estado», establecer el tipo de condición en «Igual a» y el valor estático en «Abierto». A continuación, aplicamos un fondo rojo con texto en blanco y elegimos aplicar la regla a todos los campos.

Ahora, resaltaremos las filas que contengan la palabra «Defecto» en la «Descripción» aplicándoles un fondo rojo más oscuro.

Ejecución de reglas

Las reglas se evalúan en el orden en que aparecen en la lista.

• La primera regla que se cumpla determina el formato de la celda o el rango.
• Para reordenar las reglas, haz clic en ellas y arrástralas a una nueva posición.

Ejemplo

Aplicaremos la condición «Contiene» a «Descripción», estableceremos el valor estático en «Defecto» y aplicaremos un formato en rojo. Moveremos esta regla a una posición más alta en la jerarquía para asegurarnos de que tenga prioridad.

Uso de una variable en una regla

Si un argumento utiliza una variable que no tiene valor por defecto, la regla no se ejecutará en el editor de la aplicación, pero sí lo hará cuando tenga un valor (ya sea en el modo desarrollador o en el reproductor).

Estados de error

Para que se ejecute el formato condicional, asegúrate de que las siguientes secciones estén rellenadas:* Campo de origen* Argumento(s)* Aplicar formato a

Además, las siguientes situaciones darán lugar a errores de formato condicional:

1. Falta de un campo de origen o campos archivados: siun campo de origen se ha archivado o eliminado del widget, la regla dejará de funcionar como se espera. Asegúrate de que todos los campos de origen estén activos en tu widget y en la fuente de datos.

1. Campos archivados en la sección «Aplicar formato a»: sialgunos campos de la sección «Aplicar formato a» están archivados o se han eliminado, pero otros siguen estando disponibles, la regla seguirá funcionando. Sin embargo, los campos archivados seguirán mostrándose y es posible que el formato no se les aplique.

1. Campo de argumento que falta: una regla no puede funcionar si falta el campo de argumento. Asegúrate de que todos los campos obligatorios estén rellenados para que la regla se ejecute correctamente.

Eliminar una regla

Para eliminar una regla: 1. En la sección «Formato condicional», pasa el cursor por encima de la regla que deseas eliminar. 2. Haz clic en el icono de la papelera situado en la esquina superior derecha de la ficha de la regla.

Límites

Configura las reglas de formato condicional con los siguientes límites para garantizar que tu widget funcione de forma óptima.

Resaltar una fila

Para aplicar formato condicional a una fila completa (es decir, a todas las columnas de esa fila): 1. En la sección «Aplicar formato a» de una regla, selecciona todos los campos de la fila.

Esto aplicará el formato seleccionado a toda la fila, lo que le permitirá resaltar filas con condiciones o criterios específicos.

Solución de problemas y prácticas recomendadas

Si tienes problemas con el formato condicional, aquí tienes algunas prácticas recomendadas que debes tener en cuenta:

• Asegúrate de que tus campos estén activos: comprueba que ninguno de los campos con los que estás trabajando esté archivado o eliminado.
• Comprueba si hay conflictos entre reglas: dado que las reglas se evalúan por orden, asegúrate de que las reglas de mayor prioridad se sitúen al principio de la lista si necesitas que anulen otras reglas.
• Prueba tus reglas: después de configurar o editar una regla, comprueba que el formato se aplica correctamente tanto en el editor de la aplicación como en Tulip Player.

¿Has encontrado lo que buscabas?

También puedes visitar community.tulip.co para publicar tu pregunta o ver si otros usuarios se han enfrentado a un problema similar.