I have an item renderer that I use with a Tilelist. I set height of all
components in the item renderer to 100%. But item renderer is height does not
expand when application is run. Please see the attached code.
Any help is appreciated.

-Thanks


<!-- Main.mxml -->

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="100%" height="100%"
xmlns:v="views.*">

<mx:Canvas
width="100%"
height="100%"
xmlns:v="views.*"
creationComplete="init()">

<mx:Script>
<![CDATA[
import valueObjects.AddressBook;
import valueObjects.contact.Contact;
import mx.collections.ArrayCollection;

[Bindable]
private var contacts:ArrayCollection;

private function init():void{
contacts = AddressBook.getInstance().contacts;
}
]]>
</mx:Script>

<mx:Panel id="viewContactsPanel" width="100%" height="100%" title="Contacts">
<mx:HBox id="viewContactsBox" width="100%" height="100%" horizontalGap="0">
<mx:TileList id="ccardsSimple" dataProvider="{contacts}"
itemRenderer="ContactRenderer"
width="100%"
height="100%"
useRollOver="false"
columnCount="7"
selectable="false"/>
</mx:HBox>
</mx:Panel>

</mx:Canvas>

</mx:Application>

<!-- ContactRenderer -->
<!-- ************************************************** *** -->
<?xml version="1.0" encoding="utf-8"?>
<mx:Box xmlns:mx="http://www.adobe.com/2006/mxml"
horizontalGap="5"
verticalGap="5"
horizontalScrollPolicy="off"
verticalScrollPolicy="off"
width="100%"
height="100%"
creationComplete="formatAddress()">

<mx:Script>
<![CDATA[
private function formatAddress():void{
var s:String = data.address.addressline1 + "<br>" + data.address.city +
"<br>"
+ data.address.state + "<br>" + data.address.postalCode;
txtAddress.htmlText = s;
}
]]>
</mx:Script>

<mx:VBox id="vbox"
verticalScrollPolicy="off"
horizontalScrollPolicy="off"
width="100%"
height="100%"
verticalGap="0"
paddingLeft="3">

<mx:Canvas id="lblName"
backgroundColor="#D9BB42"
width="100%">
<mx:Label text="{data.person.firstName}{data.person.middleNa me}
{data.person.lastName}" fontWeight="bold"/>
</mx:Canvas>

<mx:Text id="txtAddress" textAlign="left" />
</mx:VBox>
</mx:Box>