RE: [flexcoders] Icons on TabBar or ToggleButton Bar

[Phil Chung]

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>