Splunk Search

Geo Stats: Change color of description popup in geo stats

New Member

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 dashboardalt text to a dark theme but did not like the way it looked

0 Karma
1 Solution

SplunkTrust
SplunkTrust

@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

0 Karma

SplunkTrust
SplunkTrust

@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

0 Karma

New Member

Worked amazing thank you !

0 Karma

New Member

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

0 Karma

SplunkTrust
SplunkTrust

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!!!"
0 Karma
State of Splunk Careers

Access the Splunk Careers Report to see real data that shows how Splunk mastery increases your value and job satisfaction.

Find out what your skills are worth!