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 (3)
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!

Get ready to show some Splunk Certification swagger at .conf24!

Dive into the deep end of data by earning a Splunk Certification at .conf24. We're enticing you again this ...

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Now On-Demand Join us to learn more about how you can leverage Service Level Objectives (SLOs) and the new ...

Database Performance Sidebar Panel Now on APM Database Query Performance & Service ...

We’ve streamlined the troubleshooting experience for database-related service issues by adding a database ...