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?
It is happening to me also when I use ReactJS for some dashboards. After I load
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
You can check out
Custom Layout Dark Example from Splunk Dashboard Examples App as well.
Are you referring to
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.
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.
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.