How to get borders in Kibana 5.x dashboards?

Elastic Stack Kibana
1

Hi,

Is there any way where I can put borders between dashboards in Kibana 5.x dashboards?

Thanks

2

Take a look at How to get border for each visualization in Kibana 5 like Kibana 4

3

Hi Imma,

I added following snippet to the file /usr/share/kibana/optimize/bundles/kibana.style.css

   .panel {
      border: 1px solid green;
    }

It's working fine when the background theme is white but for dark theme when I changed to border: 1px solid white, it's not working.

4

There's a dark theme selector you'll need to apply as well. This might vary depending upon your version but is always something like .theme-dark on the selector you're looking to apply it to. You can usually find it with inspector (here I am manually applying a border to the class in insprector).

Here's an example

image
image.png1745×945 340 KB

5

Thanks David. I edited it in the file /usr/share/kibana/optimize/bundles/commons.style.css. It is working now. :slight_smile:

6

I also raised https://github.com/elastic/kibana/issues/14228 to see if we can expose this as a setting :slight_smile:

1 Like
7

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.