Conditional Formatting for Blank Cells

[Libby]

Hello, I have reviewed this page below, but I'm not sure if this is the right solution for me.  I have a tabular report, and if there is a blank cell, I would like the background to highlight yellow.  What is the best way to do that?  See my screen shot below, where ideally, a header or footer code would make these fields jump out as bright yellow.

Thank you!

 

[Barbie]

Hello @Libby,

We can achieve this using JavaScript custom coding.

You may need to put the fields between two HTML blocks. The first HTML Block should consist of this code:
-------
<div id="visi[@field:UniqueIDName]">
-------

For the second HTML Block please paste this code:
-------

</div>
<script>
var isi = document.getElementById('visi[@field:UniqueIDName]').parentNode.parentNode;
if('[@field:FieldName]' == " "){
isi.querySelector('td:nth-child(5)').style.backgroundColor = 'yellow';
}
else{
isi.querySelector('td:nth-child(5)').style.backgroundColor = 'red';
}
</script>

You need to change the nth child based on the position of your field. 

I hope this works.

- Barbie

[Kuroshi]

Hi @Barbie

I tried using your code in a Gallery report and it did not work. I have a somehow same workflow with this but it did not work on my end. Does the code in Gallery report different from tabular report? 

Thanks.

[Barbie]

Hi @Batchini, Yes you need to use a different code because Tabular Report and Gallery report has different structures,

You can use this codes below. Put the fields between two HTML blocks. The first HTML Block should consist of this code:
 

<div id="visi[@field:UniqueIDName]">

For the second HTML Block please paste this code:

</div>
<script>
if('[@field:FieldName]' == '')
{
var isi = document.querySelector("#visi[@field:UniqueIDName] > span:nth-child(5)")
isi.style.color='put your preferred color here';
}
</script>

-------

As I mentioned above, you need to change the nth child based on the position of your field. 

I hope this works. 

- Barbie