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!
Join Us for Splunk University and Get Your Bootcamp Game On!
If you know, you know! Splunk University is the vibe this summer so register today for bootcamps galore ...
.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!
.conf24 is taking place at The Venetian in Las Vegas from June 11 - 14. Continue reading to learn about the ...
Announcing Scheduled Export GA for Dashboard Studio
We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...
