Setting colors of specific cells in NXG Data Grid

[Mark_Yedinak]

I would like to set the background color of specific cells based on their value in a data grid in a NXG WebVI. I suspect that I will need to use style sheets to accomplish this. I was wondering if anyone had an example of doing this. the cell contents are limited to a small list of specific values, but based on the value I would like to color the background of the cell to highlight it. For example, one column may have a st of values such as "Online", Offline" and "Standby". I would like to color the cell red if it is offline, green if it is online and white if it is in standby.

[JCH_26]

Hey Mark

Have you taken a look at the WebVI examples on github? there are a couple that use CSS/stylesheets to edit "stock" controls.

https://ni.github.io/webvi-examples/

https://github.com/ni/webvi-examples

Cheers

Jono

[irfanabid]

Hi Mark, 

Have you found solution to this problem? 

I am also looking into the same feature in nxg web vi.

[Mark_Yedinak]

No, I have not found a method yet. Though I haven't looked at it extensively since other items were getting my attention.

[ThamS]

I've the same issue,

any one any idea?

[MilanR]

I created an example library called Declarative Style for WebVI that can help with the use case of changing the styles of cells in a data grid based on the text of the cell.

The following is an example of what the diagram looks like using the library:

And the following shows the result running in the browser: