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

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

Help customizing a MenuBar to look like plain text

Stephan Grenier
6 years ago Jul 21, 2015 5:18am
Johannes Laidler
6 years ago Jul 21, 2015 6:31am

Hi Stephan,

to remove the focus around your menubar you can use the following code:

.v-menubar:after {
      display: none;

also i would recommend you to take a look at the valo sass documentation ( https://vaadin.com/api/valo/ ).

If you want to style specific parts of your components you can check out the individual wiki component pages for more information about css-selectors.

example MenuBar:
.v-menubar { }
.v-menubar-submenu { }     
.v-menubar-menuitem { }     
.v-menubar-menuitem-caption { }     
.v-menubar-menuitem-selected { }     
.v-menubar-submenu-indicator { }

best regards



Stephan Grenier
6 years ago Jul 22, 2015 2:49am