topic Re: Disabling bootstrap-enterprise.css in Dashboards & Visualizations

How do I disable bootstrap-enterprise.css?

esperanca — Mon, 14 Mar 2022 13:23:13 GMT

I'm working on a fully custom app and would like to disable bootstrap-enterprise.css, is this possible ?

Re: Disabling bootstrap-enterprise.css

sloshburch — Fri, 20 Jul 2018 17:01:46 GMT

Are you referring to ${SPLUNK_HOME}/share/splunk/search_mrsparkle/exposed/build/css/bootstrap-enterprise.css

I've never come across this file. How is it getting in your way? Give more context on the larger goal/challenge at hand in case there are other approaches worth us sharing.

Re: Disabling bootstrap-enterprise.css

esperanca — Fri, 17 Aug 2018 14:02:19 GMT

Could be that, not sure where the file comes from exactly.
It gets in our way by applying styles we then have to counter with other styles.
I get the idea that there is no way around this as any client that would download our app from the marketplace would have the bootstrap-enterprise.css file in their Splunk instance anyway.

Re: Disabling bootstrap-enterprise.css

niketn — Sun, 19 Aug 2018 12:38:36 GMT

Is this only for Dashboards built in your App?

You can either override all the settings in appserver/static/dashboard.css or create your own CSS file to be included in your dashboards like save your own copy of bootstrap.css and save as bootstrap-enterprise.css.

You can check out Custom Layout Dark Example from Splunk Dashboard Examples App as well.

Re: Disabling bootstrap-enterprise.css

sloshburch — Mon, 20 Aug 2018 15:58:29 GMT

See @niketnilay's comment. I asked which file because if it's one from the app or the one from the splunk base install determines if this is really an issue or not. The below comment captures the point I was getting at.

Re: Disabling bootstrap-enterprise.css

eliav2 — Sun, 13 Mar 2022 17:59:41 GMT

Any one succeding at removing the default CSS (bootstrap-enterprise.css) from custom splunk app?

Re: How do I disable bootstrap-enterprise.css?

nikupiku — Wed, 13 Apr 2022 03:26:58 GMT

I am also trying to create my custom app in angular and put it inside splunk dashboard. I am using bootstrap in my angular app. When I put my app inside the dashboard, it conflicts with the bootstrap-enterprise.css in the dashboard and all the elements gets messed up.
So, Is there any way that I can make my bootstrap take higher priority when loading than the bootstrap-enterprise.css?

Re: How do I disable bootstrap-enterprise.css?

dd1b — Thu, 17 Nov 2022 15:44:51 GMT

It is happening to me also when I use ReactJS for some dashboards. After I load

import 'bootstrap/dist/css/bootstrap.min.css';

If I use this line, the splunk panel will not be displayed anymore so I cannot add new elements

If I don't use it, I cannot use bootstrap grid system.

Any recommendations?