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
Get Updates on the Splunk Community!

Dashboards: Hiding charts while search is being executed and other uses for tokens

There are a couple of features of SimpleXML / Classic dashboards that can be used to enhance the user ...

Splunk Observability Cloud's AI Assistant in Action Series: Explaining Metrics and ...

This is the fourth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how ...

Brains, Bytes, and Boston: Learn from the Best at .conf25

When you think of Boston, you might picture colonial charm, world-class universities, or even the crack of a ...