Re: Font size for single value visualization

HeinzWaescher · ‎04-14-2014

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

somesoni2 · ‎12-10-2014

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>

martin_mueller · ‎04-14-2014

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;
}

HeinzWaescher · ‎04-16-2014

Sounds good, I'll get some admin support and have a look at this. Thanks!

shailesh030 · ‎12-10-2014

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 &gt; 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>

Font size for single value visualization

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.

Preparing your Splunk Environment for OpenSSL3

Self-Healing Pipeline Is Now Generally Available: AI-Powered CIM Compliance

[Puzzles] Solve, Learn, Repeat: Family Trees

Join the Conversation