Dashboards & Visualizations

Change hover highlight row table drilldown

DanielSp
Explorer

Hello,

I have a table with background blue, and letter white,  this table have a drilldown by row

When I move the mouse in the different rows, It appears with background-color: ECF8FF (attached example)

I have tried with different ways with <html><style> but I was able to fill with a border to the selected row, but I could not change color font, or background color (instead ECF8FF a green for example) of the selected row

I have tried many solutions but It didn't work

Could you help me, please?

Thanks a lot¡¡¡

Labels (3)
0 Karma
1 Solution

ITWhisperer
Legend

OK you need to qualify the tr class as highlighted and you need to have row level drilldown.

          tr.highlighted td
          {
            color: yellow !important;
            background-color: red !important;
          }

View solution in original post

DanielSp
Explorer

Thanks a lot, with that solution background doesn't work yet, and color of letter works, but only where appears the mouse, I add a new image attached to show It

Splunk_issue_after_change.png

 Any Idea?

0 Karma

ITWhisperer
Legend

OK you need to qualify the tr class as highlighted and you need to have row level drilldown.

          tr.highlighted td
          {
            color: yellow !important;
            background-color: red !important;
          }

View solution in original post

ITWhisperer
Legend

You need something like this in your style block:

          tr td:hover
          {
            color: yellow !important;
            background-color: red !important;
          }

You may want to qualify this with the id of the panel/table so it doesn't get applied to all tables.

DanielSp
Explorer

Replied below, thanks

0 Karma
Register for .conf21 Now! Go Vegas or Go Virtual!

How will you .conf21? You decide! Go in-person in Las Vegas, 10/18-10/21, or go online with .conf21 Virtual, 10/19-10/20.