Kibana: Improve dashboard mobile experience
I'm having 24'' screen, and i'm using all of it's height and width when creating dashboard.
At most I used 3 visualizations in a row (3 metrics or 3 pie chart for example)
When I open my dashboard in my mobile device (iPhone 5) or in a reduces size of my browser the dashboard not looking good,
I think it should be responsive designed (flexible to browser size and device) to fix next display issues:
(See pictures)
- Metric's font size stays large and if screen size too small I get dots instead of numbers. In my Iphone I get only dots in all of my 3 metrics in the row).
When I use 2 metrics in single row which one of them is float number I get numbers instead of values (specially in my iphone). - When trying to display 2 pie charts in a row, If one of them contains legend - I get the message "This container is too small to render the visualization".it's better if they would appear one above the other. Also It's better to show the chart without the legend than showing the message.
- Histogram looks good!
There might be more problems with other visualization types but didn't check all...
noamgal
All 66 comments
+1
cphoover
on 24 Mar 2015
+1
ludetc
on 2 Jun 2015
+1
nyroDev
on 5 Aug 2015
+1
ddes
on 7 Oct 2015
:+1:
cphoover
on 7 Oct 2015
:+1:
StephenOTT
on 26 Nov 2015
Three suggestions for mobile adaption:
- Make every visualization to fit the whole width (no columns)
- When selecting dates in histograms, filter away any vertical movement. Right now it is hard to scroll the screen. Alternatively disable the select time feature when on a mobile. Or use pinch to zoom when touch is enabled.
- Remove as many borders as possible and hide legends as default.
Thanks for all hard work!
1.
irony
on 13 Jan 2016
+1
dycode
on 8 Feb 2016
+1
Mrc0113
on 15 Feb 2016
+1
ildoonet
on 5 Mar 2016
+1
it's really helpfull
chuyengiason
on 15 Mar 2016
+1.
Mobile is critical. I sure hippo responsive design is part of Kibana 5.
swturner33
on 23 Apr 2016
馃憤
BatON-RW
on 11 Jun 2016
+1
abdalians
on 4 Jul 2016
:+1:
sreekanthsnair
on 19 Jul 2016
+1
ajimenezF
on 25 Jul 2016
+
DotNetRockStar
on 23 Sep 2016
+1
citizenrich
on 8 Oct 2016
+1
SeanSnyders
on 9 Oct 2016
+1
mvarian
on 30 Dec 2016
+1
It would really be great to be able to dynamically add bootstrap classes (e.g., col-sm-6) to visualizations when you have two in the same row, or col-sm-4 when there are three in a row on mobile devices.
cameroneshgh
on 26 Jan 2017
+1
xdzhou12
on 29 Jan 2017
+1
pdinavahi
on 21 Feb 2017
From https://github.com/elastic/kibana/issues/2801 via @smayzak
Kibana works great on the iPad from a browsing perspective but interaction isn't great. When I'm on a dashboard I'd like to be able to filter by clicking on one of the elements on a chart for example. When I try this, I just see the mouse over dialog. Tried this on an iPad with chrome.
via @stuartnicol
I have the same issue. Tried on both Safari and Chrome but no luck - this would be a really useful feature to demo the power of Kibana Dashboards to VIPs that love their tablet devices. Any help would be great!
tbragin
on 28 Feb 2017
+1
michel-weber
on 1 Mar 2017
+1
balajeeu
on 2 Mar 2017
+1
abdalians
on 30 Mar 2017
+1
harryurban
on 5 Apr 2017
+1
craig42
on 2 May 2017
+1
MonDeveloper
on 29 May 2017
+1
eltoky
on 14 Jun 2017
+1
Kibana dashboards are useless on mobile.
I can't believe in this day and age we have to request a web page to be mobile friendly.
Is ELastic so blind to where the world is going ? if so how much should I trust their other products.
femski
on 20 Jul 2017
Is it going to be a part of kibana 6.x?
varunsharma27
on 8 Sep 2017
I'd strongly suggest you to move away from gridster.js to something more robust with auto re-arrangement features. Check this out for example :- https://packery.metafizzy.co/draggable.html
If you remove one widget, other arrange them accordingly, this would help your support multiple screen sizes with a little bit of tweaking.
We can perhaps force landscape mode for Mobile devices of less than ideal width and ask them to rotate device if we detect portrait mode? I've seen a few app and websites do this.
varunsharma27
on 21 Sep 2017
+1
srkamt
on 14 Nov 2017
+1
kerphi
on 2 Dec 2017
+1
emonesi
on 5 Dec 2017
+1
bend
on 21 Dec 2017
+1
vanton1
on 27 Dec 2017
+100
ajimix
on 11 Jan 2018
+1000
swift1911
on 20 Mar 2018
+10000
wlbhiro
on 28 Mar 2018
+100000
janckerchen
on 2 Apr 2018
+1
gdvene
on 4 Apr 2018
+11111
Vanguard90
on 12 Apr 2018
+111
dipin14
on 26 Apr 2018
+111111
knight76
on 30 Apr 2018
+1
soultemple
on 30 Apr 2018
+1
kashoutinsb
on 30 Apr 2018
+1
mohsinkerai
on 14 May 2018
+1 Any news on this?
thekofimensah
on 7 Jun 2018
+1
bachi76
on 12 Jun 2018
+1
renicon
on 27 Jun 2018
+1
zyxphreez
on 17 Jul 2018
+1
d1ngd0
on 28 Aug 2018
+1
rabellamy
on 4 Sep 2018
+1
makesomething-christian
on 6 Sep 2018
+1
ghost
on 23 Oct 2018
+1
Please add the ability to disable all effects creating spacing around the borders, to allow all visualizations resizing to very small sizes.
joshFive
on 26 Oct 2018
+1
onof
on 13 Nov 2018
+1
nirarmon
on 3 Dec 2018
+1
pbsf
on 6 Dec 2018
+1
huang714669
on 31 Jan 2019
+1
outscale-nti
on 4 Feb 2019
This is mostly addressed in master and will be available in 7.0
More details here
snide
on 16 Feb 2019
There is a native iOS app for Kibana, Have a look at this post. You can download the App Octagon Analytics from App Store.
rameezhandel
on 18 May 2020
Related issues
celesteking
路
3Comments
stacey-gammon
路
3Comments
bradvido
路
3Comments
MaartenUreel
路
3Comments
ynux
路
3Comments
Most helpful comment
Is it going to be a part of kibana 6.x?