you can do this to: <?xml version="1.0" encoding="utf-8"?>
<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initThis()" displayAsPassword="true" borderStyle="none" alpha="0.0" focusEnabled="true"> <mx:Script> <![CDATA[ private function initThis():void { this.addEventListener(FocusEvent.FOCUS_IN, changeState); this.addEventListener(FocusEvent.FOCUS_OUT, changeState); } private function changeState(event:FocusEvent):void { if(event.type == FocusEvent.FOCUS_IN) { currentState = 'selected'; } else{ currentState = ''; } } ]]> </mx:Script> <mx:states> <mx:State name="selected"> <mx:SetProperty name="alpha" value="1.0"/> <mx:SetStyle name="borderStyle" value="solid"/> </mx:State> </mx:states> </mx:TextInput> --- In flexcoders@yahoogroups.com, "Dennis Falling" <[EMAIL PROTECTED]> wrote: > > I have an editable DataGrid that displays usernames and masked passwords > (********). To hide the password, I'm just using an inline item renderer: > > <mx:DataGridColumn dataField="password" headerText="Password" > editorDataField="text" rendererIsEditor="true"> > <mx:itemRenderer> > <mx:Component> > <mx:TextInput displayAsPassword="true" borderStyle="none"/> > </mx:Component> > </mx:itemRenderer> > </mx:DataGridColumn> > > This works exactly how I want it to, with very little code...except it > doesn't look too hot when that row is selected: the TextInput always has a > solid white background whether it's selected or not. Is there an easy way > to tell it to make it not show a background except when selected (appear > like the default item editor)? I've listened to the various edit events but > can't figure out a clean way of doing this. > > Thanks! >