You should use the "icon" property of the containers in your ViewStack (in your example, Canvas). That should do the trick. If you wanted, you can also set the iconField property of your ToggleButtonBar or TabBar to use a custom property value (instead of "icon").
Phil -----Original Message----- From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] Behalf Of forrestmaready Sent: Monday, March 19, 2007 8:58 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Icons on TabBar or ToggleButton Bar Could someone let me know how they've succesfully populated the tabs on a TabBar or the buttons on a ToggleButtonBar with icons? I've tried putting the styleName tag on everything to no avail. Thanks! <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" width="470" height="100" horizontalAlign="center" verticalAlign="middle"> <mx:Style> .myIcon { upSkin: Embed("assets/upIcon.jpg"); overSkin: Embed("assets/overIcon.jpg"); downSkin: Embed("assets/downIcon.jpg"); } </mx:Style> <mx:ToggleButtonBar dataProvider="viewstack1" width="223" height="44"/> <mx:ViewStack id="viewstack1" width="18" height="24" selectedIndex="1" styleName="myIcon" > <mx:Canvas label="Fred" width="100%" height="100%"> </mx:Canvas> <mx:Canvas label="Fred1" width="100%" height="100%"> </mx:Canvas> <mx:Canvas label="Fred2" width="100%" height="100%"> </mx:Canvas> </mx:ViewStack> </mx:Application>