make sure variablerowheight is true. set the text's width to a portion of the parent's explicitwidth
________________________________ From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of kaiser.marco Sent: Friday, September 28, 2007 6:42 AM To: [email protected] Subject: [flexcoders] Problems changing states in an item renderer for a list Hi all, I have a question concerning custom item renderers in lists, that use states to change an items appearence depending on its selected status. The scenario: I have a list using a custom item renderer. If I select an item from the list, I want to add another mx:Text component to that row's renderer to show more detailed information. So I defined a state inside the renderer component that adds another mx:Text as a child to a VBox inside the renderer. Changing state is triggered listening to the list's "change" event, which works perfectly But here is my problem: If I add the child like this: <mx:AddChild relativeTo="{vbox}"> <mx:Text text="hello" /> </mx:AddChild> everything works fine, the list row grows to the new height required by its children. But if the text assigned to the new component gets to long, I get a horizontal scrollbar for that component, which is totally correct, but now what I want. My solution was to set a width of 100% to the newly added text component, which makes the text wrap: <mx:AddChild relativeTo="{vbox}"> <mx:Text text="some really long text that need to be wrapped" width="100%"/> </mx:AddChild> It does wrap now, but the height of the renderer component does not adjust, it maintains its previous size and instead I get a vertical scrollbar on the row. Maybe I am doing something wrong, but I can not figure out how to solve this. Are there any hints or suggestions?
