All Apps and Add-ons

Moved Status Overview dashboard to new app now missing the js and css niceness

Skins
Path Finder

Hey,

I used the status overview search in my custom app and it works apart from the css and js parts for example when we get a 401 or 501 error - this is not highlighted.

added the form details to my dashboard :
and copied the /appserver/static contents accross also

<form script="status_overview.js" stylesheet="status_overview.css">

What have i missed ?

thanks.

0 Karma

493669
Super Champion

have you bump the server:

https://<yourSplunk>/en-US/_bump

After bumping check again as it will refresh your js and css

0 Karma

Skins
Path Finder

yep did all that bump \ debug refresh \ restart - no cigar

0 Karma

niketn
Legend

@Skins have you cleared your Internet Browser History?

Test whether latest static files are picked or not by typing the following URL (change details as per what you have)

https://<yourSplunkServer>/en-US/static/app/<yourNewAppName>/<yourStaticFileNameWithExtension>;

For example:

https://localhost:8000/en-US/static/app/search/dashboard.css

You can also try to check if static file from older folder path is getting picked up or not (by changing to older app name).

In case issue is not due to Browser Cached static file, you would need to use Browser Inspector Tool (F12) to see what is the JavaScript Console error you are getting trying to access static file. Also what is the path for static file being used.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Skins
Path Finder

cleared cache - css and js found using above method - compared with original app :

https:///en-US/static/app//

F12 - shows me the following error :

VM9897:5 Uncaught TypeError: Cannot read property 'addCellRenderer' of undefined
at Object.eval (eval at globalEval (common.js:14), <anonymous>:5:544)
at fire (common.js:25)
at Object.add [as done] (common.js:25)
at constructor.getVisualization (dashboard.js:12)
at eval (eval at globalEval (common.js:14), <anonymous>:5:507)
at Object.execCb (eval at module.exports (common.js:248), <anonymous>:1658:33)
at Module.check (eval at module.exports (common.js:248), <anonymous>:874:51)
at Module.eval (eval at module.exports (common.js:248), <anonymous>:1121:34)
at eval (eval at module.exports (common.js:248), <anonymous>:132:23)
at eval (eval at module.exports (common.js:248), <anonymous>:1164:21)

0 Karma

niketn
Legend

Are there any static paths in your status_overview.js or status_overview.css file.

While following may not be a solution, you can try removing CSS from your dashboard and Test JS for error and vice versa.

Would it be possible to share the code from your custom JS or CSS files?

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Skins
Path Finder

Im using this app to monitor some http endpoints :

https://splunkbase.splunk.com/app/1493/

I've moved some of the searches from the 'status overview' page to a new dashboard so i could add content from other sources - but this broke the css and javascript views.

As such there is no custom files they are the same as the app above.

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...