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

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.

A Four-Part Event Series: Full Stack Observability For the AI Era

SOC4Kafka - New Kafka Connector Powered by OpenTelemetry

Event Series: Level up your SOC: Advancing with Splunk Enterprise Security

Join the Conversation