topic Re: help for formatting a single panel in CSS in Dashboards & Visualizations

help for formatting a single panel in CSS

jip31 — Wed, 17 Apr 2019 05:42:29 GMT

Hello

I need to format a single panel in css
In my xml I have added this :

#test{vertical-align:middle;color:red!important}

between style tags
and I call the style like this

<single id="test">

but it doesnt works
could you help me please??

Re: help for formatting a single panel in CSS

vnravikumar — Wed, 17 Apr 2019 06:10:10 GMT

Check this solution

https://answers.splunk.com/answers/723701/change-background-color-in-single-value-visual.html#answer-728354

Re: help for formatting a single panel in CSS

jip31 — Wed, 17 Apr 2019 07:59:14 GMT

I dont succeed to change the text color
is it font-color:red;!important;?
other question :
what are svg-container, single-result and under-label
its proper to splunk? where I can find this classes?
thanks

Re: help for formatting a single panel in CSS

vnravikumar — Wed, 17 Apr 2019 08:11:15 GMT

Check this sample with font color yellow

<dashboard>
  <label>singleBG</label>
  <row>
    <panel>
      <html>
         <style>
          #test rect{
           fill: red !important;
           }

           #test .single-result{

           font-size: 15px !important;
           font-weight: normal !important;
           font-style: italic !important;
            fill:rgb(255,255,0) !important;
           }
         </style>
       </html>
      <single id="test">
        <search>
          <query>index="_internal" |stats count | eval count = if(count == 0, "no host", "Perimeter : " + tostring(count) + " hosts")</query>
          <earliest>-30d@d</earliest>
          <latest>now</latest>
        </search>
        <option name="colorMode">block</option>
        <option name="drilldown">none</option>
        <option name="rangeColors">["0x65a637","0xd93f3c","0xd93f3c"]</option>
        <option name="rangeValues">[0,1]</option>
        <option name="refresh.display">progressbar</option>
        <option name="useColors">1</option>
      </single>
    </panel>
  </row>
</dashboard>

Re: help for formatting a single panel in CSS

jip31 — Wed, 17 Apr 2019 08:44:52 GMT

so if i want to change the text color I need to change fill:rgb(255,255,0) !important;??

Re: help for formatting a single panel in CSS

vnravikumar — Wed, 17 Apr 2019 08:46:23 GMT

yes, you are correct.

Re: help for formatting a single panel in CSS

jip31 — Wed, 17 Apr 2019 08:56:38 GMT

OK THANKS...