Change color of CSS Class depending on a Value from Field

Hi, I want to change the background of a GRID i assing a name in the Class section of the grid called status.

function changeStatusColor() {
if(fd.field('Status').value == 'Rejected'){
$(fd.field('Status').$el).css('background-color', 'red')
else {
$(fd.field('Status').$el).css('background-color', 'yellow')

fd.rendered(function () {
//сalling the function on form load

//Call the function when the field value changes
fd.field('Status').$on('change', changeStatusColor);


My status are:
Rejected > Red
Approved > Blue
Pending for execution > Orange
Completed > Green

Dear @eterrazas,
You can give the Class to the whole cell in the editor:

Then use it to set the color:

$('.field-cell').attr('style', 'background:red;');
1 Like

Thanks for your help