Displaying an image in a ToolBar

[PeterStrong]

I'm trying to find the easiest way to display a logo (with a transparent background) in a Toolbar that's being used as a status bar.

I dropped in the following code:

        ToolBar toolBar = new ToolBar();
        ImageResources ir = GWT.create(ImageResources.class);

        ContentPanel logo = new ContentPanel();
        logo.add(new Image(ir.logo));
        logo.setHeaderVisible(false);
        logo.setBodyBorder(false);
        
        toolBar.add(logo);

The logo was displayed without difficulty, but the background shows up white:

logoQuestion.png

I used Firebug to try and determine why this was the case, but couldn't unravel what was going on. It appeared that the background was set to be transparent, but it certainly doesn't look that way.

Any hints would be appreciated.

Regards,

Peter

[sven]

I dont nderstand why you wrap the Image into a ContentPanel. Can you please explain this? That is also the reason why it has a white background.

[PeterStrong]

I've wrapped the Image because I can't add a com.google.gwt.user.client.ui.Image directly to the Toolbar - the add() method takes a com.extjs.gxt.ui.client.widget.Component.

I'm using ClientBundles, so is there an easy way to create a Component from an ImageResource?

I'm completely open to suggestions.

Thanks!

[sven]

        toolBar.add(new WidgetComponent(new Image(ir.logo)));

[PeterStrong]

Excellent!

Thanks Sven!