Dynamically change the background of a row

[Michitect]

Only the first content in my list (for example with the word "Aangeworven") dynamically changes the background color of the row.

What should I do if I want to change ALL the lines to green, with the content "Aangeworven"?

 

<a id="visi[@field:Status]">
<script>
var isi = document.getElementById("visi[@field:Status]");
if('[@field:Status]' == 'Aangeworven'){
isi.parentNode.parentNode.style.backgroundColor = '#b3e6b3';
}
if('[@field:Status]' == 'Te scouten'){
isi.parentNode.parentNode.style.backgroundColor = '#ffdab3';
}
if('[@field:Status]' == 'Afgekeurd'){
isi.parentNode.parentNode.style.backgroundColor = '#ffb3b3';
}
</script>

[Mathilda]

On 9/20/2016 at 8:41 PM, Michitect said:

Only the first content in my list (for example with the word "Aangeworven") dynamically changes the background color of the row.

What should I do if I want to change ALL the lines to green, with the content "Aangeworven"?

 

<a id="visi[@field:Status]">
<script>
var isi = document.getElementById("visi[@field:Status]");
if('[@field:Status]' == 'Aangeworven'){
isi.parentNode.parentNode.style.backgroundColor = '#b3e6b3';
}
if('[@field:Status]' == 'Te scouten'){
isi.parentNode.parentNode.style.backgroundColor = '#ffdab3';
}
if('[@field:Status]' == 'Afgekeurd'){
isi.parentNode.parentNode.style.backgroundColor = '#ffb3b3';
}
</script>

Hi Michitect,

I suppose, you need to leave only the first 'if' statement:

<a id="visi[@field:Status]">
<script>
var isi = document.getElementById("visi[@field:Status]");
if('[@field:Status]' == 'Aangeworven'){
isi.parentNode.parentNode.style.backgroundColor = '#b3e6b3';
}

</script>

 

[aam82]

Here is a previous thread on the subject.

 

[Kurumi]

Hi @Michitect,

You may refer to this article to change the background color of the row: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/how-to-dynamically-change-the-background-of-a-results-page/

I hope this helps!

[Kurumi]

This new post might help as well: