Saltar al contenido

Cómo Utilizar el Formato Condicional para Cambiar el Color de la Fuente

App Builder se entrega con temas preconfigurados que se pueden usar para muchos casos de uso comercial. En este ejemplo, veremos cómo usar un tema de color de fuente que solo se aplica cuando se cumple la condición especificada. Aquí queremos App Builder para mostrar en rojo cualquier texto con valor de descuento que supere el 10 %.

conditionalformat.png

Descuentos > 10% en color rojo

Cómo Configurar

  1. Navegue hasta la página con el panel que desea formatear
  2. Vaya a Action Drawer > Live Designer
  3. Seleccione el Control desde la vista de la página del panel
  4. Haga clic en More > Styles
  5. Haga clic en + Conditional Formatting

  6. En este paso, configure los criterios de condición que se deben cumplir. Por ejemplo:

    • Source Column = Discount
    • Operator = >
    • Expression = .1

  7. Haga clic en el botón Choose Style

  8. En este paso, configure el tema que se aplicará. Busque el estilo deseado y haga clic en el botón + Choose. Por ejemplo:

    • Font: Color Red Bright

  9. Regrese a la vista de la aplicación y confirme la actualización