Solved: help for formatting a single panel in CSS

jip31 · ‎04-16-2019

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

vnravikumar · ‎04-16-2019

Hi

Check this solution

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

View solution in original post

vnravikumar · ‎04-16-2019

Hi

Check this solution

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

jip31 · ‎04-17-2019

hi

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

vnravikumar · ‎04-17-2019

Hi

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>

jip31 · ‎04-17-2019

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

vnravikumar · ‎04-17-2019

yes, you are correct.

jip31 · ‎04-17-2019

OK THANKS...

help for formatting a single panel in CSS

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!