Dashboards & Visualizations

How to set a background image to a panel?

Limey
New Member

I have tried everything i can think of ... this should work but i get nothing... any help would be greatly appreciated...

Here is my CSS

.dashboard-row .dashboard-panel div[id^="#panel1"] {
background-image: url("/static/app/xxx/blue-background.png") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

Labels (1)
Tags (2)
0 Karma

bzhivkova
Loves-to-Learn Lots

Hi, Limey,

Use the '.dashboard-body' and add inside the properties you want:

.dashboard-body{
background-image: url('/static/app/AppName/images/image.png');
background-repeat: no-repeat !important;
background-size: cover !important;
}

The result will be a stretched image on the whole dashboard as a background

Kind regards,
Boryana

0 Karma
Get Updates on the Splunk Community!

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

This challenge was first posted on Slack #puzzles channelFor BORE at .conf23, we had a puzzle question which ...

Shape the Future of Splunk: Join the Product Research Lab!

Join the Splunk Product Research Lab and connect with us in the Slack channel #product-research-lab to get ...