Vaadin: Remove caption from menu item

Question

i have a menu bar with some items.i want each item to display only it's icon.so how can i remove caption from each item? this is what i have:

MenuBar actionBar = new MenuBar();
menuBar.addItem(translator.getString("home"),VaadinIcons.HOME,(selectedItem) 
-> getUI().home());
MenuItem user= menuBar.addItem(AspirinSession.getCurrent().getCurrentUser().getDisplayName(), 
VaadinIcons.MENU, null);
menuBar.addStyleName(ValoTheme.MENUBAR_BORDERLESS);

How about passing null as the first parameter (caption) of `addItem`? — Thibstars, Sep 12 '17 at 09:19

score 1 · Accepted Answer · answered Sep 12 '17 at 09:20

Either do a setCaption("") on the buttons or do not add a caption in the fist place:

menuBar.addItem("", VaadinIcons.HOME ,(selectedItem) -> getUI().home());
MenuItem user= menuBar.addItem("", VaadinIcons.MENU, null);

That should do the trick.

You can play around with buttons on their demo page (hit the "edit" on the right). Or maybe check their CSS approach here, that would still allow you to add text to a button.

Vaadin: Remove caption from menu item

1 Answers1