MeunItem Icon alignment issue

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I am using MenuItem [com.vaadin.ui.MenuBar.MenuItem]
and within the constructor I am specifying ThemeResource to display image alongwith the menu item. But the issue is that by default it displays image on the left-hand side of the menu item.

code snippet:
MenuBar menuBar = new MenuBar();
MenuBar.MenuItem test = menuBar.addItem(“Test”, new ThemeResource(“…/runo/icons/16/arrow.png”), null);
menuBar.addItem( test );

I did tried using com.vaadin.terminal.gwt.client.ui.MenuItem option but since its deprecated, we can’t use it.

Is there any option to align images on the menu item? I want to displays on the right side…

2

The following CSS should do the trick:

.v-menubar .v-icon {
	float: right;	
}
3

How can i displays icon in the middle - center ??