Redash: Dashboard list not scrollable

[itsrainy]

My team has quite a few dashboards (~40-50) and the ones later in the alphabet aren't visible in the dashboard list because the list can't be scrolled.

This is occurring on OS X in both Chrome and Firefox.

[arikfr]

There is an undocumented feature of dashboards grouping. For example, if you rename all your "Feed Engagement - *" dashboards into "Feed Enagement: *" (i.e. "Feed Engagement - Top 5" -> "Feed Engagement: Top 5"), you will notice that they get grouped in a "folder" (named "Feed Engagement") in the dashboards menu.

Of course we still need to solve the long list issue, but in your case, I guess it will solve the problem.

[itsrainy]

Thanks @arikfr! That's helpful!

[alonho]

There's a conflict between submenu and scroll.. they just don't go together.

[arikfr]

@alonho ack. Let's keep this open and just revisit when we do the top menu.

[zlu]

We have several hundred dashboards that are grouped already. Unable to scroll them is causing an operational headache. Any update or insight on why this is happening?

[rohanpd]

+1
This is starting to become a problem for us as well. Our dashboards are already grouped.

I don't think that the dropdown needs to display all dashboards but being able to click through and see the full list (like you can for queries) would be useful.

[PGuiv]

I think I found a fix for that issue, using bootstrap3:

Adding "pre-scrollable" to the ul element class fixed it for me.

<ul class="dropdown-menu pre-scrollable" dropdown-menu="">
...

I only tested it on Chrome, though, since this is what my whole team uses. So, not sure how it will react on other browsers.

[WesleyBatista]

@PGuiv, If you have chance to do it, would be good to test with submenus.
I tried forking a demo of a html code using the dropdown-submenu pre-scrollable classes and putting a submenu inside a li, and it did not worked :disappointed:

[PGuiv]

@WesleyBatista That worked when I tried on http://demo.redash.io/.

I edited the HTML to add more subsections under the Examples link in the dashboard menu, to have enough links to scroll.

Then, I added pre-scrollable to the Examples ul HTML tag:

<ul class="dropdown-menu pre-scrollable">

Here are two screenshots to illustrate it:

[arikfr]

@PGuiv I added the pre-scrollable class to the menu and it scrolls, but the sub menus don't open. In your example it seems that you added the class to the sub menu. Have you tried applying it to the main one and seeing what happens?

[arikfr]

Oh, I found out what happens - it applies something to the scrolling both vertically and horizontally. so the sub menu opens but you need to scroll to see it...

[arikfr]

Will be addressed by #1393.

[atharvai]

1393 is closed. Which version is this implemented in?

[arikfr]

@atharvai v1.0 - soon to be released.

[arikfr]

v1.0.1 was finally released.