Are you a member of the Splunk Community?
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- How to change the background color of the panels i...
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
How to change the background color of the panels in a dashboard using the style tag in XML?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I don't think you can do it directly via the "style" tag from HTML without referencing the Javascript classes for the panels/charts.
Instead, see the answer in this post that references the SimpleXML documentation for changing background colors.
Doc: http://docs.splunk.com/Documentation/Splunk/6.5.0/Viz/ChartConfigurationReference, see charting.BackgroundColor
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@rjthibod, this should indeed be possible through CSS style as well. Panel Color, Dashboard Color etc. Please refer to Custom Layout Dark example in Splunk 6.x Dashboard Examples app.
Ideally unless we want to convert from Simple XML to HTML dashboard, it is best to use Simple XML chart configuration reference the way you have pointed out. For any HTML DOM elements which can not be styled using Simple XML Chart Configuration Reference Style override can be applied.
<html depends="$alwaysHideHTMLPanelOnlyforStyling$">
<style>
.dashboard-master{
background-color:blue !important;
}
.dashboard-row .dashboard-panel{
background-color:red !important;
}
</style>
</html>
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
docs link doesn't work (because of the comma) - here's one that does, for the latest version at this point in time:
http://docs.splunk.com/Documentation/Splunk/6.6.2/Viz/ChartConfigurationReference
Splunk Answers Content Calendar, July Edition I
Secure Your Future: Mastering Upgrade Readiness for Splunk 10
Observability Unlocked: Kubernetes & Cloud Monitoring with Splunk IM
