Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Change the font size of Single value panel title t...
Options
- 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
karthi25
Path Finder
12-05-2017
10:09 PM
I am having four single value panel in a same row on the XML dashboard.I have used the below code to reduce the font size
#id .single-value .single-result {
font-size: 25px !important;
}
Its reduces the font size of the result as expected.
Now I want to reduce only the title font size some more.Can anyone please suggest me to do it.
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
niketn
Legend
12-06-2017
12:53 AM
@karthi25, you can add the following CSS
#id .dashboard-element-title{
font-size: 90% !important;
}
Following is run anywhere dashboard to test the changes:
<dashboard>
<label>Change Single Value Title Size</label>
<row>
<panel>
<html>
<style>
#id .dashboard-element-title{
font-size: 90% !important;
}
#id .single-value .single-result {
font-size: 25px !important;
}
</style>
</html>
<single id="id">
<title>Single Value Title</title>
<search>
<query>| makeresults
| eval data = 1023
| table data</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="refresh.display">progressbar</option>
<option name="showTrendIndicator">0</option>
</single>
</panel>
</row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
niketn
Legend
12-06-2017
12:53 AM
@karthi25, you can add the following CSS
#id .dashboard-element-title{
font-size: 90% !important;
}
Following is run anywhere dashboard to test the changes:
<dashboard>
<label>Change Single Value Title Size</label>
<row>
<panel>
<html>
<style>
#id .dashboard-element-title{
font-size: 90% !important;
}
#id .single-value .single-result {
font-size: 25px !important;
}
</style>
</html>
<single id="id">
<title>Single Value Title</title>
<search>
<query>| makeresults
| eval data = 1023
| table data</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="refresh.display">progressbar</option>
<option name="showTrendIndicator">0</option>
</single>
</panel>
</row>
</dashboard>
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
| makeresults | eval message= "Happy Splunking!!!"
Get Updates on the Splunk Community!
Observe and Secure All Apps with Splunk
Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...
Splunk Decoded: Business Transactions vs Business IQ
It’s the morning of Black Friday, and your e-commerce site is handling 10x normal traffic. Orders are flowing, ...
Fastest way to demo Observability
I’ve been having a lot of fun learning about Kubernetes and Observability. I set myself an interesting ...
