[flexcoders] Dynamic text flowing

[cjcuccaro]

I have a custom component comprised of stacked mx:Text within a 
mx:VBox within a mx:HBox and using this component within a TileList. 
I need to have the text resize dynamically to show all the wrapped 
text within the Text to display within the tile. Some of the custom 
component is shown below...

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%"
        scroll="false" clipContent="true" 
horizontalScrollPolicy="off" verticalScrollPolicy="off"
        borderStyle="none" verticalGap="0" horizontalGap="4" 
verticalAlign="top"
        doubleClick="doubleClickEventHandler(event)" 
doubleClickEnabled="true" height="220">
<mx:Image source="{data.statusImage}" />
<mx:VBox width="50%" height="100%">
        <mx:Text text="Associated Topic Name: 
{data.associated_topic}" fontSize="9" fontFamily="Arial" 
truncateToFit="true" width="100%" textAlign="left" 
toolTip="{data.associated_topic}"  fontWeight="bold" enabled="true"/>
        <mx:Text text="Action Name: {data.name}" fontSize="9" 
fontFamily="Arial" width="100%" textAlign="left" 
toolTip="{data.name}" fontWeight="bold"/>
        <mx:Text text="Action Owner: {data.owner}" fontSize="9" 
fontFamily="Arial" width="100%" textAlign="left" 
toolTip="{data.owner}" fontWeight="bold"/>
        <mx:Text text="Action Description: {data.description}" 
fontSize="9" fontFamily="Arial" width="100%" textAlign="left" 
toolTip="{data.description}" fontWeight="bold"/>
</mx:VBox>
<mx:VBox width="50%" height="100%">
        <mx:Text text="Action Initiation Date: 
{data.initiation_date}" fontSize="9" fontFamily="Arial" width="100%" 
textAlign="left" toolTip="{data.initiation_date}" fontWeight="bold"/>
        <mx:Text text="Initial Due Date: {data.initial_due_date}" 
fontSize="9" fontFamily="Arial" width="100%" textAlign="left" 
toolTip="{data.initial_due_date}" fontWeight="bold"/>
        <mx:Text text="Action Revised Due Date: 
{data.revised_due_date}" fontSize="9" fontFamily="Arial" 
width="100%" textAlign="left" toolTip="{data.revised_due_date}" 
fontWeight="bold"/>
        <mx:Text text="Resolution Description: 
{data.resolution_description}" fontSize="9" fontFamily="Arial" 
width="100%" textAlign="left" 
toolTip="{data.resolution_description}" fontWeight="bold"/>
</mx:VBox>
</mx:HBox>


Any suggestions are welcomed.
Thanks,
CJ