--- In flexcoders@yahoogroups.com, anuppc <anu...@...> wrote: > > > Hi, > I'm new to flex, would need some help from the experts. > > I have a TileList in my application.. Here is the snippet: > > > var favList:TileList = new TileList(); > favList.columnCount = 2; > favList.dataProvider = favArr; > favList.itemRenderer = createItemRenderer(); > favList.percentHeight = 100; > favList.percentWidth = 100; > favList.dropEnabled = true; > favList.dragEnabled = true; > favList.dragMoveEnabled = true; > > The ItemRenderer tied to the TileList is : > > <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%" > height="100%" borderStyle="solid" borderThickness="0" cornerRadius="5"> > <mx:Style> > > .filled > { > border-style: solid; > border-thickness: 0; > border-skin: ClassReference("border.SimpleGradientBorder"); > fill-colors: #F0F0F0, #C9C9C9; > corner-radius: 10; > drop-shadow-enabled: true; > } > > </mx:Style> > <mx:Script> > <![CDATA[ > public function changeStyleWest(col1:String, col2:String):void > { > box.setStyle("fillColors", [col1, col2]); > } > ]]> > </mx:Script> > <mx:HBox id="box" styleName="filled" horizontalAlign="center" > verticalAlign="middle" width="100%" height="100%" borderColor="#B7BABC" > borderStyle="solid" borderThickness="0" cornerRadius="5" > themeColor="#009DFF" > > <mx:VBox horizontalAlign="center" verticalAlign="middle" > borderStyle="solid" borderThickness="0" cornerRadius="5"> > <mx:Image id="image" width="100" height="100" > source="assets/{data.Image}" visible="true"/> > > <mx:Label text="{data.Name}" width="100" textAlign="center" > visible="true" /> > </mx:VBox> > > </mx:HBox> > > </mx:VBox> > > Now what i want to achieve is else where in the application there are couple > of buttons and on clicking these buttons i want to change the fill-colors or > style of each Tile based on some Data attributes.
http://flexdiary.blogspot.com/2008/08/tilelist-with-stylefunction.html There's a more complete example of how to use it in the Grouping Function example. HTH; Amy
