Splunk Search

application.css is getting ignored by splunk

vikas_gopal
Builder

Hi Experts,

I want to add my custom style to my app. I have done some modifications in application.css in ($SPLUNK_HOME/etc/apps//appserver/static/) folder and I restart the web service then refresh browser but it did not reflect the changes to the app.
here is my nav code

Application.css code

/*
 * Top app banner section
 */
.AccountBar {
    background-image: url(/static/app/samples/samples_header.png);
    background-repeat: no-repeat;
    background-color: #79a60b;
    height: 140px;
}

.AccountBar .appLogo,
.AccountBar p.appName {
    display: none;
}

.AccountBar .accountBarItems {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

/*
 * view menu system
 */
.AppBar {
    font-family: Arial Black, Arial, sans-serif;
    font-size: 18px;
    font-variant: small-caps;
}

.AppBar a {
    color: #f3df00 !important;
}

.AppBar a:hover {
    color: #6ad7ff !important;
}

/*
 * Body content
 */
body {
    background-image: url(/static/app/samples/body_bg.png);
    background-repeat: repeat-x repeat-y;
}

Please suggest what else do I need to consider

Tags (1)
0 Karma

stephanefotso
Motivator

Clear Splunk Web related cache after customization
If you've made changes to an app's static content while customizing Splunk Web, you can reload that content for all the users of your app using this URI: http://localhost:8000/_bump
The _bump endpoint clears out the Splunk Web related cached items in client browsers, allowing new static content to load.

SGF
0 Karma

vikas_gopal
Builder

I missed my nav code

<nav search_view="search" color="#65A637" stylesheet="application.css">
  <view name="dashboards" default='true' />
</nav>

I actually want to hide account bar

0 Karma
Get Updates on the Splunk Community!

Earn a $35 Gift Card for Answering our Splunk Admins & App Developer Survey

Survey for Splunk Admins and App Developers is open now! | Earn a $35 gift card!      Hello there,  Splunk ...

Continuing Innovation & New Integrations Unlock Full Stack Observability For Your ...

You’ve probably heard the latest about AppDynamics joining the Splunk Observability portfolio, deepening our ...

Monitoring Amazon Elastic Kubernetes Service (EKS)

As we’ve seen, integrating Kubernetes environments with Splunk Observability Cloud is a quick and easy way to ...