I agree with Tim - use an item renderer. Inside the IR, use a graphics fill to set your background color.
--- In flexcoders@yahoogroups.com, "turbo_vb" <TimHoff@...> wrote: > > In practice, itemRenderers actually tend to be the best candidate for skins. > > -TH > > --- In flexcoders@yahoogroups.com, Alex Harui <aharui@> wrote: > > > > You cannot set the backgroundColor of the renderer. Backgrounds are > > removed in order to allow alternating background colors to show through. > > But you should be able to set it on the TextArea. > > > > > > On 10/24/11 6:40 PM, "Sells, Fred" <fred.sells@> wrote: > > > > > > > > > > > > > > Yes I tried setStyle() as well as styleName= with no success. I could not > > set the backgroundColor property in actionscript (compiler did not > > recognize property) but I could set that property in mxml to a binding > > expression and set the color in the bound variable. Suspect bug but > > deadlines rapidly approaching and this works. > > > > I'll try upgrading to 4.5 once I get this delivery out. > > > > > > From: flexcoders@yahoogroups.com [mailto:flexcoders@yah! oogroups.com] On > > Behalf Of Alex Harui > > Sent: Monday, October 24, 2011 7:41 PM > > To: flexcoders@yahoogroups.com > > Subject: Re: [flexcoders] Flex 4.1 VBOX background renderer fails > > > > > > > > Did you try myText.setStyle("backgroundColor", ...)? > > > > > > On 10/24/11 9:59 AM, "Sells, Fred" <fred.sells@> wrote: > > > > > > > > > > > > > > I'm using a VBox as a renderer for a datagrid as shown below. I've > > tried every combination I can think of but I can only set the background > > color of the mx:TextArea in the mxml. I need to change it in the > > actionscri! pt. I've tried styles and properties with no success. &n! > > bsp;I'm< br>reluctant to change wrapper or children since I had a very hard > > time > > getting it to work with a custom row height. I used HTML text so I > > could add some bold/font color decoration; although that requirement has > > dissipated. > > > > <?xml version="1.0" encoding="utf-8"?> > > <mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"; > > xmlns:s="library://ns.adobe.com/flex/spark" > > xmlns:mx="library://ns.adobe.com/flex/mx" > > borderThickness="0" > > verticalScrollPolicy="off" horizontalScrollPolicy="off" > > paddingBottom="0" paddingLeft="0" paddingRight="0" > > paddingTop="0" > > > > > <fx:Script> > > <![CDATA[ > > private var _data:Object; > > > > public static var PAYOR_COLORS:Object > > ={"0":"pink", "1":"lightgreen",! "3":"libhtblue", "8":"yellow"}; > > > > override public function set > > data(value:Object):void{ > > _data = value; > > mytext.htmlText = "set data called"; > > if (_data==null || > > _data.resident__id=="0") { > > mytext.visible = false; > > }else{ > > mytext.visible = true; > > var color:String = > > PAYOR_COLORS[_data.payor]; > > if (color==null) color="black"; > > //mytext.backgroundColor = > > color; > > mytext.opaqueBackground = color; > > mytext.htmlText = _data.name; > > trace("colordata.name = > > "+color+", payor="+_data.payor); > > //mytext.styleName = > > "payor"+_data.payor; > > > > //this.setStyle("backgroundColor", "yellow"); > > > > //trace("style=payor"+_data.payor+";"); > > //this.setStyle("color", > > "green"); > > //background = true; > > trace("render "+_data.name+", > > "+color);} > > } > > > > > > override public function get data():Objec! t{ > > re turn _data; > > } > > > > > > ]]> > > </fx:Script> > > <mx:TextArea id="mytext" width="100%" height="100%" > > useHandCursor="true" buttonMode="true" > > mouseFocusEnabled="false" mouseChildren="false" > > editable="false" > > verticalScrollPolicy="off" > > horizontalScrollPolicy="off" > > > > > <!-- <mx:htmlText > > > <![CDATA[Joe Bl0w <font > > color="#FF0000">MCD</font> <p>line2</p>]]> > > </mx:htmlText> > > > > --> > > </mx:TextArea> > > > > <!-- sample use from web <![CDATA[ > > Joe Blw <font color="#FF0000">HTML text</font> in a <b>Halo > > TextArea control</b>. > > <p>Use the <u>htmlText property</u> of the <font > > color="#008800">TextArea control</font> to include basic HTML markup in! > > your text. > > ]]> > > --> > > </mx:VBox> > > > > > > > > > > > > > > -- > > Alex Harui > > Flex SDK Team > > Adobe System, Inc. > > http://blogs.adobe.com/aharui > > >
