Introduction

In this article, we will demonstrate how to apply coloring to the values inside a List. You can color the value itself or the area around the value using JavaScript.

Figure 1: Sample List

Sample Form

Figure 1: Sample Form

JavaScript Conditional Formatter Configuration

In the sample, we will be applying the Formatter to the following Field:

...

"<div style='color:white;background-color:red;text-align:center;border-radius:3px;font-weight:600;padding:5px;'>" +
    {country} + 
"</div>"

Sample App

...

View file
name

Download the sample app below:

APP_kb_dx8_conditionalFormattingSample.jwa height 250