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!

[Puzzles] Solve, Learn, Repeat: Dynamic formatting from XML events

This challenge was first posted on Slack #puzzles channelFor a previous puzzle, I needed a set of fixed-length ...

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  🚀 Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...