Visual highlighting of dashboard rows based on conditions

Hello guys.
I am working on a dashboard that consists of several rows (the vanilla Grafana component that contains some panels and can be collapsed/expanded) with a bunch of panels inside of them.
I need to find a way to somehow highlight to the user the importance of the row without seeing it’s inside panels.
For example: have an icon/color/any visual difference for row that will indicate that, for example, value of one of panels inside is > 100.
Is there any way to do that or at least some other solutions?

1 Like

Hi, I don’t think there’s anything like that in vanilla Grafana. What you could do (and probably be encouraged to do) is to get the most important panels from the rows and lift them up in the dashboard without the rows. E.g if you have a row per one virtual machine, you can have something like overall memory / CPU usage panel above the rows that will show every machine.

1 Like

Yeah I thought about that as well and I am currently sticking to this option, since I haven’t found anything better

Which visualizations will be in these rows? Different kinds or only bar chart for example?

you will have to work out the detail but maybe this can give you a lead

I am using Business Text plugin for creating the rows, and chart.js import to plot the charts within.

or use tailwind.css to create accordions (as fancy as you need them)

:fish: :fishing_pole_and_fish: