Table CSV and additional css

Foundry
1

Hello Adam,
please allow a question about additional CSS for the Table CSV stack.

I am using a csv file with this content:

STATE,TYPE,NUMBER
<span class="dash_warn">OFFLINE</span>,Drive,1
<span class="dash_ok">ONLINE</span>,Drive,7

and have added this css to the code panel/css tab in Rapidweaver:
.dash_ok {
color: white;
font-weight: bold;
background-color: green;
}

.dash_warn {
color: white;
font-weight: bold;
background-color: red;
}

Now this gives me a nice result, with the text background of OFFLINE being red and for ONLINE being green. BUT, I would love to have the td background color set to red/green.

So I have added some more code:
table.class_dash td {
background-color: red;
}

and put the class_dash in the CSS field of the Table_CSV stack.
But nothing really happens.

Now this might not be the correct way to do this, especially not, when the data may change repeatedly. I am generating the csv file with some external script on a linux box. This script actually checks if drives from my tape library are off- or online. Like a admin dashboard thing.

Preferrably I would like to target the td background color within the csv file, if that is somehow possible. I am no great css programmer, so I am a bit stuck here.
Is there any way I could get some hint for this, please?

Thanks a lot and have a nice day, Igor

2

The content in the CSV file is only data the is inserted into the table. That data isn’t the table structure itself so you cannot affect the classes added to the table rows, cells, etc through that data.

3

Is this for internal use only? What web browser do you use to view the “dashboard”?

4

There is a new css pseudo class :has may be of help. It has limited support though.

1 Like