Skip to Content

How to use conditional formatting to change font color

Vinyl ships with preconfigured Themes that can be used for many business use cases. In this example, we will step through how to use a Font Color Theme that only gets applied when the specified condition is met. Here we want Vinyl to display any Discount value text in red that exceeds 10%.


Discounts > 10% display red font color

How to configure

  1. Navigate to the page with the panel you wish to format
  2. Go to Action Drawer > Live Designer
  3. Select the Control from the panel page view
  4. Click More > Styles
  5. Click + Conditional Formatting
  6. At this step you configure the condition criteria to be met. For example:

    • Source Column = Discount
    • Operator = >
    • Expression = .1
  7. Click the Choose Style button

  8. At this step you configure what theme to be applied. Locate the desired style and click the + Choose button. For example:

    • Font: Color Red Bright
  9. Return to the application view and confirm the update