Kibana: Improve Kibana 5 Dashboard appearance

[sjivan]

Kibana version: 5.x

Elasticsearch version: 5.x

Browser version: All

Browser OS version: All

This is a issue filed in response to the Kibana 5.x Dashboard discussion on the forums : https://discuss.elastic.co/t/kibana-5-0-step-back/66019/3?u=sjivan

Specifically

1. Missing borders around visualizations. The dark theme especially looks very ordinary compared to the sharp look with borders around each visualization that was in Kibana 4.0.

1. It's distracting to see the dotted borders around each visualization upon doing a mouse over giving the appearance of the dashboards being in development / edit mode rather than something presented as an end deliverable. This enhancement request might be covered by #7917

2. The collapsed side nav always being visible is also rather distracting and has a color that does not match with the dark theme. In non edit / development mode the dashboard should be displayed to cover the entire browser without the side nav being displayed

[sjivan]

Related issue #7917

[stacey-gammon]

2 should be resolved by https://github.com/elastic/kibana/issues/9431. You won't see borders in the view mode anymore. You can track PR https://github.com/elastic/kibana/pull/9508 to see progress, it is in flight.

++ to #3 - it's on our radar.

1 we haven't discussed much yet, but I see your point and agree there could be some improvement in this area.

[Mick66]

+1

[scfigg]

+1. I can't use 5.x until there are borders around visualizations. It looks horrible without them.

[GautamP7]

+1

[elzozz]

+1

[asantosa]

+1 many other Kibana users aren't happy with issue #1 above. Is there a workaround to this issue?

[billanderson01]

+1 Even with the dashed borders no longer being visible when not in edit mode, it is still too hard to tell where one visualization ends and the next one begins, especially for data tables. Many people in my agency mentioned the inferior look and feel compared to Graylog.

[ndtreviv]

Is it possible to get a "legacy theme" built that works with 5 where visualisations look like 4? eg: Dark; Light; Legacy.

[owenrh]

+100 Appreciate all the hard work that went into the 5.x releases but the missing visualisation borders is a total step backwards. No question.

[mattburns]

Total hack workaround, but you can use a custom stylesheet to alleviate the missing border problem. Here's my style: https://userstyles.org/styles/143389/kibana5

[rwagner-inf]

@mattburns , which file should I change, to put the configuration below?
@-moz-document regexp("./app\/kibana.")
{
dashboard-panel
{
border: 1px solid #bbbbbb;
}

dashboard-container, .gridster, dashboard-app
{
background-color: #bbbbbb;
}
}

It would be /usr/share/kibana/optimize/bundles/commons.style.css?

[mattburns]

@rwagner-inf , that code is just for the userstyles thing. You need to install a browser plugin that supports the userstyles overrides. (I use stylish for chrome)

[alexfrancoeur]

Missing borders around visualizations. The dark theme especially looks very ordinary compared to the sharp look with borders around each visualization that was in Kibana 4.0.

I have opened https://github.com/elastic/kibana/issues/13948 to track a configuration option to toggle borders on dashboard panels

It's distracting to see the dotted borders around each visualization upon doing a mouse over giving the appearance of the dashboards being in development / edit mode rather than something presented as an end deliverable. This enhancement request might be covered by #7917

@sjivan I believe Dashboard View/Edit mode resolved this issue (https://github.com/elastic/kibana/issues/9431) could you confirm?

The collapsed side nav always being visible is also rather distracting and has a color that does not match with the dark theme. In non edit / development mode the dashboard should be displayed to cover the entire browser without the side nav being displayed

@sjivan In 6.0 we'll have full screen mode. I believe this will also resolve this issue. Could you confirm? https://github.com/elastic/kibana/pull/12265

[stacey-gammon]

With the PR for a use margins option submitted, I think we've addressed all the great feedback in this issue. Going to go ahead and close, please re-open a new ticket with specific feedback if anyone would like to see more improvements!

[ktamilvanan]

is this in any new released versions?

[stacey-gammon]

https://www.elastic.co/blog/kibana-6-1-0-released !