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.se...@adventistcare.org> 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.se...@adventistcare.org> 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
