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
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...