BTW, I tried simplifying my custom renderer to : <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%" height="100%" />
Now i get some blank tiles with white background. I was expecting to see my backgroundColor style setting on the Canvas. I also noticed that even setting background color directly on the Canvas in the ItemRenderer also does not have any effect. Thats the reason that i have a HBOX container in my previous version of the ItemRenderer. If i set the background on this component then i do see the background color at runtime. Any tips? Thanks --- In [email protected], "anuppc" <anu...@...> wrote: > > Hi Amy, > > > Thanks for that example. It did help me partially. My item renderer is a > custom item renderer. > > <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%" height="100%" > backgroundColor="#C9C9C9" borderStyle="solid" borderThickness="0" > cornerRadius="5"> > <mx:HBox id="box" 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> > > My style function is quite simple for now. > > private function enoDefaultStyleFunction(xmlData:XML):Object > { > > return {color:0x0000FF}; > } > > What this does is that it sets the color of the Label text as blue (0x0000FF). > How do i set the background of the VBox or the HBox within my custom item > renderer. > > I tried changing style function to return "backgroundColor:0x0000FF", however > that had no effect. > > Once again many thanks for giving a precise answer. > > Cheers > > --- In [email protected], "droponrcll" <amyblankenship@> wrote: > > > > > > > > --- In [email protected], anuppc <anuppc@> 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 > > >
