Solved: Geo Stats: Change color of description popup in ge...

hawifaris · ‎05-15-2020

I have used the geostats command to show the number of blackouts and brownouts by country and have set the pie chart color to black. The pop up description that comes when you hoover over a pie chart has a background color of black, is there a way to change this to white so that the field Blackout can be seen better.
Note: I have tried to change the dashboard to a dark theme but did not like the way it looked

niketn · ‎05-16-2020

@hawifaris try the following CSS which is applied using map with id="map_with_light_tooltip_background". I have changed the color to grey in the example.

  <html depends="$alwaysHideCSSPanel$">
    <style>
      #map_with_light_tooltip_background div.leaflet-popup-pane div.leaflet-popup div.leaflet-popup-content-wrapper{
        background: grey !important;
      }
    </style>
  </html>
  <map id="map_with_light_tooltip_background">

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

niketn · ‎05-16-2020

@hawifaris try the following CSS which is applied using map with id="map_with_light_tooltip_background". I have changed the color to grey in the example.

  <html depends="$alwaysHideCSSPanel$">
    <style>
      #map_with_light_tooltip_background div.leaflet-popup-pane div.leaflet-popup div.leaflet-popup-content-wrapper{
        background: grey !important;
      }
    </style>
  </html>
  <map id="map_with_light_tooltip_background">

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

hawifaris · ‎05-21-2020

Worked amazing thank you !

hawifaris · ‎05-21-2020

Is there a way I can change the text color within the pop up?

niketn · ‎05-21-2020

If you want static color CSS override can be used for CSS selector for the tooltip text. Refer to Clarafication Blog for Simple XML CSS Extension for identifying the CSS selector for tooltip text that needs to be overridden: https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashbo...

Let us know if you need further details!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

Geo Stats: Change color of description popup in geo stats

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