Forms Designer Forum

Hi there,
i have an "approval status drop down field" in a table cell. i would like to have 3 colors dynamically changed depending on the status
Approved - green
Pending - yellow
Reject - red

I tried the following code... it works but it chnges only title and element itself, i would like to change background for the cell where the dropbox item is placed instead
function EntryHandler() {
    if (!fd.field('ApprovalStatus').value()) {
        fd.field('ApprovalStatus').title()._el().addClass('highlight');
        fd.field('ApprovalStatus').control()._el().addClass('highlight');
    } else {
        fd.field('ApprovalStatus').title()._el().removeClass('highlight');
        fd.field('ApprovalStatus').control()._el().removeClass('highlight');
    }
}
fd.field('ApprovalStatus').change(function()
{
EntryHandler();
});
EntryHandler();

Your help is greatly appreciated...

Hello TK,

You can assign a CSS class to the table cell, e.g. change-color. And change the background color of the cell dynamically with the following code.

$('table.change-color').css('background-color', 'red');