Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
Dashboards & Visualizations
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
- Splunk 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!
Introducing the Splunk Community Dashboard Challenge!
Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...
Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...
Wednesday, May 29, 2024 | 11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...
Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...
We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...
