topic Re: How to update CSS changes? in Dashboards & Visualizations

How to update CSS changes?

wcooper003 — Thu, 07 Jul 2016 13:58:43 GMT

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?

Re: How to update CSS changes?

sundareshr — Thu, 07 Jul 2016 16:22:03 GMT

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.

Re: How to update CSS changes?

wcooper003 — Thu, 07 Jul 2016 16:30:35 GMT

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

Re: How to update CSS changes?

shaskell_splunk — Thu, 07 Jul 2016 17:01:45 GMT

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

Re: How to update CSS changes?

jdonn_splunk — Thu, 07 Jul 2016 17:14:47 GMT

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,

Re: How to update CSS changes?

wcooper003 — Thu, 07 Jul 2016 17:22:03 GMT

Thanks that's helpful to know for developing.

Re: How to update CSS changes?

wcooper003 — Thu, 07 Jul 2016 17:23:54 GMT

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.

Re: How to update CSS changes?

pwesterbeek — Wed, 28 Dec 2016 09:00:21 GMT

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

Re: How to update CSS changes?

pwesterbeek — Wed, 28 Dec 2016 09:01:26 GMT