Are you a member of the Splunk Community?
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Using css or html style tags in Splunk status indi...
- 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
Hello Is it possible to style the status_indicator.status_indicator_app in a manner like we can for the
"single value" chart? Can code similar to this be used?
<html>
<style>
#test {
font-size: 18px !important;
font-weight: bold !important;
font-color: red;
}
.single-value .single-result {
font-size: 30px !important;
}
</style>
</html>
Thanks,
eholz1
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi,
The CSS class name is splunk-status-indicator:
<html>
<style>
.splunk-status-indicator {
font-size: 30px !important;
}
</style>
</html>
If you prefer, you can assign an id value to the viz element and reference the id in your selector:
<html>
<style>
#my_status_indicator .splunk-status-indicator {
font-size: 30px !important;
}
</style>
</html>
Note that a Splunk administrator can disable inline styles in web.conf using the dashboard_html_allow_inline_styles setting. In this case, you'll need to add styles to a .css file referenced by the dashboard.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi,
The CSS class name is splunk-status-indicator:
<html>
<style>
.splunk-status-indicator {
font-size: 30px !important;
}
</style>
</html>
If you prefer, you can assign an id value to the viz element and reference the id in your selector:
<html>
<style>
#my_status_indicator .splunk-status-indicator {
font-size: 30px !important;
}
</style>
</html>
Note that a Splunk administrator can disable inline styles in web.conf using the dashboard_html_allow_inline_styles setting. In this case, you'll need to add styles to a .css file referenced by the dashboard.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
This is excellent, thanks so much. Great forum!!
Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!
Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console
Stay Connected: Your Guide to October Tech Talks, Office Hours, and Webinars!
