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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

From Raw Data to Executive-Ready Stories, Faster

Guided Onboarding with Auto-schema Is Now Generally Available

ATTENTION: We’re Moving! (AGAIN!)

Join the Conversation