[flexcoders] Text components in VBox item renderer

[arieljake]

I have been reading for hours on the net about this issue..anyone see
why this is not working right as a list item renderer? The Text
controls are not sizing right, their height is not growing as
expected. The title only shows one line, the announcement never shows
up. I have variableRowHeight set to true on the list component.

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml";
xmlns:view="org.ariel.view.*" horizontalScrollPolicy="off"
verticalScrollPolicy="off" verticalGap="3">
        
        <mx:Script>
                <![CDATA[
                        import org.ariel.utils.DateUtil;
                        
                        override public function set data(value:Object):void
                        {
                                super.data = value;
                                
                                if (data != null)
                                {
                                        this.date.text =
DateUtil.getShortFormatDateString(data.announcementDate);
                                        this.title.text = data.title;
                                        this.announcement.text = 
data.announcement;
                                }
                        }

                ]]>
        </mx:Script>
        
        <mx:Label id="date" />
        
        <mx:Text id="title" width="{this.width}" fontWeight="bold" />

        <mx:Text id="announcement" width="{this.width}" />
                
</mx:VBox>