All Apps and Add-ons

Why is CSS is not loaded for my dashboard?

Super_Knulps
Explorer

Hello,

I am trying to load the following CSS for my dashboard:
I am running this from my APP_HOME:

$ cat appserver/static/dashboard.css
     .section-title {
        font-size: 90px;
      }
     .panel_row1_col .layoutCell {
             width:1px !important;
     }
     .panel_row1_col .firstCell {
             width:800px !important;
     }

And here is the beginning of my dashboard and default.xml that I changed also:

$ head -n 1 default/data/ui/views/operator_dashboard.xml
<dashboard hideEdit="false" hideFooter="true" hideSplunkBar="true" hideAppBar="true" stylesheet="dashboard.css">

$cat default/data/ui/nav/default.xml
<nav search_view="search" color="#65A637">
  <view name="operator_dashboard" default='true' stylesheet="dashboard.css"/>
  <view name="dashboards" stylesheet="dashboard.css" />
</nav>

The CSS is there in my browser:
alt text

But it looks like it is not applied.
What can I do wrong please ?
Thank you very much

0 Karma
1 Solution

aljohnson_splun
Splunk Employee
Splunk Employee

i don't think you can reference stylesheet in the nav default.xml file.
I don't see any examples here (however, i could be wrong).

dashboard.css is the default that is already applied - are you trying to add to it or replace it ?
try naming your dashboard.css something else.

have you restarted splunkweb, $SPLUNK_HOME/splunk/bin/splunk restart splunkweb since you uploaded the css file?

lastly, look at the answer here by rocket66, which i think is relevant.

View solution in original post

aljohnson_splun
Splunk Employee
Splunk Employee

i don't think you can reference stylesheet in the nav default.xml file.
I don't see any examples here (however, i could be wrong).

dashboard.css is the default that is already applied - are you trying to add to it or replace it ?
try naming your dashboard.css something else.

have you restarted splunkweb, $SPLUNK_HOME/splunk/bin/splunk restart splunkweb since you uploaded the css file?

lastly, look at the answer here by rocket66, which i think is relevant.

Super_Knulps
Explorer

This made it. Here is a quick feedback:
default.xml does not have to be touched indeed.
dashboard.css name works well.
service splunk restart also restarts splunkweb so that was not the problem.
I changed the CSS to the one given by rocket66 and it was actually used.
So, the problem was my CSS.

Get Updates on the Splunk Community!

Join Us for Splunk University and Get Your Bootcamp Game On!

If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...

.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!

.conf24 is taking place at The Venetian in Las Vegas from June 11 - 14. Continue reading to learn about the ...

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...