Change color of Virtual Field

[JanineB]

How can I change the label color of my Virtual Field? Thanks.

[Kurumi]

You can change it by this code:

 

<style>


td[data-cb-cell-name*="cbParamVirtualX"] {
    color: red !important;
}

</style>

You may refer to this post for getting the Form Elements:
 

 

I hope it helps!

[Kurumi]

Hi - Just to add on this post, you may try this sample code if you would like to change the color of all Virtual Fields in the DataPage.

<script>
document.addEventListener('DataPageReady', function (event) {

    var elems = document.querySelectorAll("input[name*='cbParamVirtual']");
    elems.forEach((elem) => {
        elem.addEventListener('change', function () {
            if (elem.value === 'CORRECT') {
                elem.previousElementSibling.style.color = 'green';
            } else {
                elem.previousElementSibling.style.color = 'red';
            }
        });
    });
});
</script>

This will make the font color Green if the value of the Virtual Field is CORRECT and if not, it will be Red.

Hope it helps!

[Kurumi]

Hi - Just an update, for dynamically changing the font color of field values based on a condition - you can use this solution/CSS: https://howto.caspio.com/tech-tips-and-articles/dynamically-changing-colors-of-values/