Adding images to tabs

I'm trying to add images to tabs...

var obj = new AW.UI.Tabs;
obj.setItemText(["Tab 1","Tab 2","Tab 3"]);
obj.setItemImage(["http://localhost:8080/images/icon1.gif","http://localhost:8080/images/icon2.gif","http://localhost:8080/images/icon3.gif"]);

The problem that I am facing is that the tabs show a space for where the icons should be but it doesn't show the icons. Can anybody tell me what I am doing wrong? Thanks.

Joe

Joe,

If you define styles like:

.aw-image-import {background: url(/evolab/images/import.gif);}
.aw-image-export {background: url(/evolab/images/export.gif);}
.aw-image-save {background: url(/evolab/images/save.gif);}
.aw-image-cancel {background: url(/evolab/images/cancel.gif);}

And then the following should work

obj.setItemImage(["import","export","save"]);

Philippe

Great! Thanks Philippe.

Joe

Help.

I know about definedstyles.

But how about dynamic images eg reading a directory containing jpg images and display them as icons in a AW.UI.List List
example imame filename filesize filedate

help....