Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

MenuBar popup

Brandon Kent
6 years ago Jan 14, 2016 8:44am

Hey Guys,

Is there anyway we can move the popup window of MenuItems from the Menubar?

As an example I have quite a few MenuBars underneath each other and when hovering over the top one, all the options below it gets hidden as it is behind the popup. 

Would it perhaps be possible to manually set the location of the popup? e.g. like Top, below, left or right from the MenuBar?

Please see attached menu.png for example. Please excuse the labels. 

Johannes Laidler
6 years ago Jan 14, 2016 9:22am

Hi Brandon,

i don't know how to set the location for a MenuBar, but you could try the Accordion component. The Accordion is a layout component that organizes the contained components under vertically laid out tabs to display them. Maybe this fits your use case.  http://demo.vaadin.com/sampler/#ui/structure/accordion 

regards

Johannes

Brandon Kent
6 years ago Jan 14, 2016 9:43am

Hi Johannes,

In my case the MenuBar works much better and would really like to use it. 

If I could only add additional classes to v-menubar-popup element then I would be able to move it with css but there is no way for me to access that popup. 

I also can't add styles to v-menubar-popup as I am using MenuBar's around the application as well and those will go off as well.