Join the Conversation
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Font size for single value visualization
- 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
Font size for single value visualization
Hi,
I've added several single value visualizations to a dashboard. Is it possible to adjust the font size for each panel in the xml view?
BR
Heinz
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Try this
<form>
<label>Big Single Value</label>
<description/>
<fieldset submitButton="false">
<html>
<style type="text/css">
.single-value .single-result {
font-size: 120px;
}
</style>
</html>
</fieldset>
<row>
<panel>
<single>
<searchString>index=_internal | stats count</searchString>
<earliestTime>-15m</earliestTime>
<latestTime>now</latestTime>
<option name="field">count</option>
</single>
</panel>
</row>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Sure. You can give them an additional CSS class, and specify the font size there. Add this to your single values (assuming SimpleXML):
...
<row>
<single>
...
<option name="additionalClass">largerSingleValue</option>
</single>
...
</row>
...
In your application.css or a more specific file linked to at the top of your dashboard you can specify the size like this:
.largerSingleValue {
font-size: xx-large;
}
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Sounds good, I'll get some admin support and have a look at this. Thanks!
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi martin_mueller,
I made the change as suggested above and included a change in color of the SingleValue(field) as well. In the dashboard the color is changing but cannot see the font-size change instead the panel size is increasing. Any clues to what I might be doing wrong? Below is the CSS associated with additionalClass assigned to the panel.
.SingleValueHolder{
color:#FF0000;
font-size:150px;
font-weight:300;
width:auto;
}
Panel XML
Single Value Dasboard
<panel>
<single>
<title>TotalCount</title>
<searchString>index=_internal | eval cur=if(_time > relative_time(now(),"-15m"),1,0) | stats count by cur | sort -cur</searchString>
<earliestTime>rt-30m</earliestTime>
<latestTime>rt</latestTime>
<option name="field">count</option>
<option name="additionalClass">SingleValueHolder</option>
</single>
</panel>
Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!
Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.
May 2026 Splunk Expert Sessions: Security & Observability
Network to App: Observability Unlocked [May & June Series]
SPL2 Deep Dives, AppDynamics Integrations, SAML Made Simple and Much More on Splunk ...
