How solution for menu too long?

Vaadin 6 / 7 / 8 Framework UI
1

Hi!

I have a menu too long.

For simulate the long menu:

public class MenuBarParaTelaSelecaoDeModulo extends MenuBar
{
	public MenuBarParaTelaSelecaoDeModulo()
	{
		MenuBar.MenuItem menuTeste = addItem("Teste de Menu", null);
		
		for (int i = 0; i < 60; i++)
		{
			menuTeste.addItem("Teste de Menu grande " + i, null);
		}
	}
}
  • In SmartGWT, menubars create a scrollbar in long menus.
  • In Sencha ExtGWT, menubar contais a set up and down in long menus.

How solution for long menus in Vaadin ?

Tanks!

2

Example in Sencha:


http://dev.sencha.com/deploy/dev/examples/menu/menus.html

Click in Scrolling menu!

3

No solution currently. Please create a ticket for this issue if you need it fixed, or you could try using a bit of CSS to control this:

.v-menubar-submenu {
   max-height: 400px;
   overflow: auto;
   }

This won’t work in all browsers (mainly IE6), and some browsers might have some rendering issues. You need to set the max-height to some approximate value, depending on the distance of the MenuBar from the top of the window.

4

Tanks!

I cried a new ticket issue with number 6420.


http://dev.vaadin.com/ticket/6420

This is very important to me.

5 
.v-menubar-submenu
{
	max-height: 400px;
	overflow: auto;
}

Unfortunately only works in Firefox…

6

Ticket
http://dev.vaadin.com/ticket/6420
 has now been implemented an will be included in Vaadin 6.6.7 and Vaadin 6.7rc1 which will both soon be released.