Phil, I made a Flex/Apollo theme that has a part that does what I think you're looking for. Check it out:
http://www.scalenine.com/themes/messenger/messenger.html As a side note I'm thinking about starting a mailing list dedicated to UI customization stuff. The group I started can be seen here: http://tech.groups.yahoo.com/group/FlexApolloUI/ And you can read more about it here: http://scalenine.com/blog/2007/03/19/a-flexapollo-ui-focused-mailing-list/ Juan scalenine.com --- In flexcoders@yahoogroups.com, Phil Chung <[EMAIL PROTECTED]> wrote: > > 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> >
