Dashboards & Visualizations

How to update CSS changes?

wcooper003
Communicator

In working through my first custom app creation, I couldn't get my CSS changes to be applied. I tried the _bump and debug/refresh as described here to no avail:

http://docs.splunk.com/Documentation/Splunk/6.4.1/AdvancedDev/CustomizationOptions

Then I tried restarting Splunk, but that didn't work either. I found that after restarting Splunk (restarting just the web service works - /bin/splunk restart splunkweb), I additionally had to refresh the Chrome cache by pressing 'Ctrl-R'. Once I did that, it worked fine.

My concern is: if we make a change to the app, will all end users have to refresh their Chrome cache too in order to see the changes? I'm guessing the Chrome cache will clear out after some short period, so this may not be an issue. But is there a way to push this CSS update through Splunk so that it avoids this extra Chrome step during development or by end users?

0 Karma
1 Solution

jdonn_splunk
Splunk Employee
Splunk Employee

Some CSS changes will require that you flush your browser cache - https://support.google.com/accounts/answer/32050?hl=en.

It depends on the type of changes that you are making, normally debug/refresh and _bump are enough,

View solution in original post

jdonn_splunk
Splunk Employee
Splunk Employee

Some CSS changes will require that you flush your browser cache - https://support.google.com/accounts/answer/32050?hl=en.

It depends on the type of changes that you are making, normally debug/refresh and _bump are enough,

wcooper003
Communicator

Good to know some changes require a flush, i wondered why the debug/refresh and _bump weren't working at all. At least I know I wasn't doing something obviously wrong.

0 Karma

pwesterbeek
Engager

If you are using Chrome,then install also the extension Clear Cache 1.1.2 created by Benjamin Bojko. With one click on the icon in the taskbar you will clear your browser cache and reload the page (reload the page after clearing the cache is an option ).

0 Karma

shaskell_splunk
Splunk Employee
Splunk Employee

Here are some other helpful settings to add to web.conf if you're doing development. I wouldn't recommend these for a production search head though.

[settings]
minify_js = False
minify_css = False
js_no_cache = True
cacheEntriesLimit = 0
cacheBytesLimit = 0
enableWebDebug = True
0 Karma

wcooper003
Communicator

Thanks that's helpful to know for developing.

0 Karma

pwesterbeek
Engager

If you are using Chrome,then install also the extension Clear Cache 1.1.2 created by Benjamin Bojko. With one click on the icon in the taskbar you will clear your browser cache and reload the page (reload the page after clearing the cache is an option ).

0 Karma

sundareshr
Legend

During development, if you reload the page with Developer Tools open in Chrome, always loads the latest version. I've never had this issue with end users, unless they have a session open.

0 Karma

wcooper003
Communicator

Thanks for the feedback, good to know it shouldn't be an issue.

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 ...