Dashboards & Visualizations

Remove mouse over from panel in the 6.3.1 update

felipesewaybric
Contributor

How I can get back the design before the Splunk 6.3.1 update?

Now my panels have a mouse over that shows info in the worst place ever (lol).

alt text

alt text

1 Solution

CaBa2000
Explorer

Hi.

Every Splunk-App loads a CSS-File called dashboard.css per se, edit or create this file in your App-Directory:
$SPLUNK_HOME/etc/apps/$APPNAME/appserver/static
(leading to a file: $SPLUNK_HOME/etc/apps/$APPNAME/appserver/static/dashboard.css )
with the following content:

.panel-footer {
    height: 26px !important;
    overflow: visible !important;
    padding: 0 0 0 0 !important;
    border: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

Or without changing background-color:

.panel-footer {
    height: 26px !important;
    overflow: visible !important;
    padding: 0 0 0 0 !important;
    border: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    background-color: transparent !important;
}

This is App-specific, though. Just copy/edit the file in every App and it should work.
Put the code at the end of an existing CSS-file, so it 'overwrites' the CSS class of that file, if its used there before (for example: the great Website-Monitoring-App ( https://splunkbase.splunk.com/app/1493/ ) uses '.panel-footer', put it at the end of the dashboard.css of that App and 'it works' ;).

This interferes or could interfere with link.visible/*/*='false/true', see: http://docs.splunk.com/Documentation/Splunk/6.3.0/Viz/PanelreferenceforSimplifiedXML

There are other ways to include your own CSS or JS in a SimpleXML-Dashboard, have a look here:
http://docs.splunk.com/Documentation/Splunk/6.4.0/Viz/CustomizeSimpleXML

What the CSS does:
Using the !important-rule 'overwrites' the Splunk-CSS-rules.

You must restart SPLUNKWEB after editing this file.

This works for Splunk 6.4.0 but could change in future releases, if Splunk changes CSS-classname or id, etc.

Regards,

CaBa2000

View solution in original post

CaBa2000
Explorer

Hi.

Every Splunk-App loads a CSS-File called dashboard.css per se, edit or create this file in your App-Directory:
$SPLUNK_HOME/etc/apps/$APPNAME/appserver/static
(leading to a file: $SPLUNK_HOME/etc/apps/$APPNAME/appserver/static/dashboard.css )
with the following content:

.panel-footer {
    height: 26px !important;
    overflow: visible !important;
    padding: 0 0 0 0 !important;
    border: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

Or without changing background-color:

.panel-footer {
    height: 26px !important;
    overflow: visible !important;
    padding: 0 0 0 0 !important;
    border: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    background-color: transparent !important;
}

This is App-specific, though. Just copy/edit the file in every App and it should work.
Put the code at the end of an existing CSS-file, so it 'overwrites' the CSS class of that file, if its used there before (for example: the great Website-Monitoring-App ( https://splunkbase.splunk.com/app/1493/ ) uses '.panel-footer', put it at the end of the dashboard.css of that App and 'it works' ;).

This interferes or could interfere with link.visible/*/*='false/true', see: http://docs.splunk.com/Documentation/Splunk/6.3.0/Viz/PanelreferenceforSimplifiedXML

There are other ways to include your own CSS or JS in a SimpleXML-Dashboard, have a look here:
http://docs.splunk.com/Documentation/Splunk/6.4.0/Viz/CustomizeSimpleXML

What the CSS does:
Using the !important-rule 'overwrites' the Splunk-CSS-rules.

You must restart SPLUNKWEB after editing this file.

This works for Splunk 6.4.0 but could change in future releases, if Splunk changes CSS-classname or id, etc.

Regards,

CaBa2000

CaBa2000
Explorer

Works in Splunk 6.4.1 as well.

0 Karma

frobinson_splun
Splunk Employee
Splunk Employee

Hi @felipesewaybricker,
I've run your question by our engineering team and we are aware of the issue. Please stay tuned for updates in future releases!

Thanks,
@frobinson_splunk

woodcock
Esteemed Legend

I would open a support case on this.

0 Karma

fyang13
New Member

The mouse over in v6.3.1 is extremely annoying!! Most of time it block the part of chart I would like to see. Can't they just move it 1 inch above or make it transparent? The worst UI update in v6.3.1..

0 Karma
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Financial services organizations face an impossible equation: maintain 99.9% uptime for mission-critical ...

Customer success is front and center at .conf25

Hi Splunkers, If you are not able to be at .conf25 in person, you can still learn about all the latest news ...

.conf25 Global Broadcast: Don’t Miss a Moment

Hello Splunkers, .conf25 is only a click away.  Not able to make it to .conf25 in person? No worries, you can ...