How to add an icon to MenuItem?

[membersound]

Hi,

how can I get add an icon with text to a menu item in GWT? The following does not work:

<ui:with field='res' type='my.package.MyResources' />

<gwt:MenuBar>
<g:MenuItem text="test"><g:Image resource="{res.myIcon}" /></g:MenuItem>

Resulting error:
Not allowed in an HTML context: <g:Image resource='{res.myIcon}'>

So how can I have an icon in menuitem?

[Honza Rames]

Hi,

I came across the same problem, I had to create a subclass of MenuItem which sets MenuItem's setHTML and gives it a built up image + text HTML string. I used ClippedImageImpl to create the image HTML.

[Andrea Boscolo]

You don't need to extend MenuItem. See http://stackoverflow.com/questions/16399241/how-to-add-an-icon-to-a-menuitem-in-gwt

[Honza Rames]

Yep, this is a nice way to do this as well but if you want to use UiBinder with <ui:with ... /> having the MenuItem subclassed is much more convenient because then I can set ImageResource directly from the ClientBundle.