Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Dashboards & Visualizations
×
Join the Conversation
Without signing in, you're just watching from the sidelines. Sign in or Register to connect, share, and be part of the Splunk Community.
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
- :
- Re: Change the font size of Single value panel tit...
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!
A Season of Skills: New Splunk Courses to Light Up Your Learning Journey
There’s something special about this time of year—maybe it’s the glow of the holidays, maybe it’s the ...
Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to ...
Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to Officially Supported Splunk ...
Splunk Observability for AI
Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!
Discover how Splunk’s agentic AI ...
