Dashboards & Visualizations

How to set Status Indicator font size?

dzyfer
Path Finder

Hi, is there a way to use CSS to fix the font size of text in the Status Indicator?

Labels (2)
0 Karma

kamlesh_vaghela
SplunkTrust
SplunkTrust

@dzyfer 

Please share your sample XML of your panel with the expected output.

You can also share a sample screen of the existing chart and the expected output.

KV

0 Karma

dzyfer
Path Finder

Hi @kamlesh_vaghela , this is an example:

dzyfer_0-1662348717444.png

As you can see, the font for some panels are larger than others, and I believe they change dynamically with the number of panels in a row. I would like to make the font size static instead, possibly using CSS.

 Thanks

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Please edit your dashboard and look at the source to find the corresponding SimpleXML

ITWhisperer_0-1662355345204.png

This is needed so that we can suggest some CSS

0 Karma

dzyfer
Path Finder
<viz type="status_indicator_app.status_indicator">
        <search>
          <query>...</query>
          <earliest>-1@min</earliest>
          <latest>now</latest>
          <refresh>1m</refresh>
          <refreshType>delay</refreshType>
        </search>
        <option name="drilldown">none</option>
        <option name="height">100</option>
        <option name="refresh.display">progressbar</option>
        <option name="status_indicator_app.status_indicator.colorBy">field_value</option>
        <option name="status_indicator_app.status_indicator.fillTarget">background</option>
        <option name="status_indicator_app.status_indicator.fixIcon">warning</option>
        <option name="status_indicator_app.status_indicator.icon">field_value</option>
        <option name="status_indicator_app.status_indicator.precision">0</option>
        <option name="status_indicator_app.status_indicator.showOption">1</option>
        <option name="status_indicator_app.status_indicator.staticColor">#555</option>
        <option name="status_indicator_app.status_indicator.useColors">true</option>
        <option name="status_indicator_app.status_indicator.useThousandSeparator">true</option>
      </viz>
0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Which status indicator?

0 Karma

dzyfer
Path Finder
status_indicator_app.status_indicator
0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Where is this status indicator showing?

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Modernize your Splunk Apps – Introducing Python 3.13 in Splunk

We are excited to announce that the upcoming releases of Splunk Enterprise 10.2.x and Splunk Cloud Platform ...

Step into “Hunt the Insider: An Splunk ES Premier Mystery” to catch a cybercriminal ...

After a whole week of being on call, you fell asleep on your keyboard, and you hit a sequence of buttons that ...