Solved: help on panel background color

jip31 · ‎01-30-2022

hi

why my background color property dont works while the font size property works?

thanks

 <row>
    <panel>
      <html>
        <style>
          <b>
        <font size="4" face="verdana" color="blue" background-color="white">
            <center>   
            </center>
        </font>
        </b> </style>
       </html>
    </panel>
  </row>

ITWhisperer · ‎01-31-2022

XML is hierarchical so you have to close the current tag before closing the next tag outwards and so on

  <row>
     <panel>
       <html>
         <style>
         </style>
       </html>
     </panel>
  </row>

Id's have to be unique, but the selector in the style can be partial e.g. ids beginning with white or yellow (these could be anything and don't have to be related to the style being applied).

        <style>
          div[id^="white_panel_"]
          {
            background:white !important;
          }
          div[id^="yellow_panel_"]
          {
            background:yellow !important;
          }
        </style>

View solution in original post

ITWhisperer · ‎01-31-2022

The style does not look like it is using the correct syntax.

        <style>
          div[id="panel_id"]
          {
            background:white !important;
          }
        </style>

jip31 · ‎01-31-2022

OK thanks

Other questions

1) Could you confirm me that I have to put <style> tags like this?

  <row>
     <panel>
       <html>
         <style>
  </row>
     </panel>
       </html>
         </style>

2) What I have to do if i want to call the code below many times in my dashboard because if I reuse id=panel1 Splunk tell me "duplicate id"

[id="panel1"] .dashboard-panel {
background:white !important;

ITWhisperer · ‎01-31-2022

XML is hierarchical so you have to close the current tag before closing the next tag outwards and so on

  <row>
     <panel>
       <html>
         <style>
         </style>
       </html>
     </panel>
  </row>

Id's have to be unique, but the selector in the style can be partial e.g. ids beginning with white or yellow (these could be anything and don't have to be related to the style being applied).

        <style>
          div[id^="white_panel_"]
          {
            background:white !important;
          }
          div[id^="yellow_panel_"]
          {
            background:yellow !important;
          }
        </style>

help on panel background color

other

Introducing the Splunk Community Dashboard Challenge!

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

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer Certification at ...