topic Re: How to set Status Indicator font size? in Dashboards & Visualizations

How to set Status Indicator font size?

dzyfer — Fri, 02 Sep 2022 03:19:19 GMT

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

Re: How to set Status Indicator font size?

ITWhisperer — Fri, 02 Sep 2022 06:52:34 GMT

Which status indicator?

Re: How to set Status Indicator font size?

dzyfer — Fri, 02 Sep 2022 09:26:44 GMT

status_indicator_app.status_indicator

Re: How to set Status Indicator font size?

ITWhisperer — Fri, 02 Sep 2022 09:32:04 GMT

Where is this status indicator showing?

Re: How to set Status Indicator font size?

kamlesh_vaghela — Fri, 02 Sep 2022 15:30:48 GMT

@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.

Re: How to set Status Indicator font size?

dzyfer — Mon, 05 Sep 2022 03:33:18 GMT

Hi @kamlesh_vaghela , this is an example:

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

Re: How to set Status Indicator font size?

ITWhisperer — Mon, 05 Sep 2022 05:23:26 GMT

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

This is needed so that we can suggest some CSS

Re: How to set Status Indicator font size?

dzyfer — Mon, 05 Sep 2022 07:50:42 GMT

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