I am creating an app. in which a need to display some thumbnails on a TileList,
but the thumbnails are not visible on the TileList. However, if a click on a
tile it does what it is suppose to do and it creates the number of tiles
according to the data provider, only the tiles are not visible.
My code is:
<mx:Panel width="100%" height="100%" title="Select Video" >
<mx:TileList id="videoResults" dataProvider="{videos}" width="100%"
height="100%" itemRenderer="components.Thumb" styleName="L1"
itemClick="onVideoSelected(event)" />
</mx:Panel>
the item renderer component is:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="200" paddingTop="0"
paddingBottom="0" xmlns:controls="com.asfusion.controls.*"
horizontalAlign="center" verticalGap="0" toolTip="{data.description.text()}"
backgroundColor="0xcccccc" borderColor="0x293f6f" borderThickness="2">
<mx:NumberFormatter id="numberFormatter" precision="2"
useThousandsSeparator="true" />
<mx:Text id="videoTitle" width="180" height="36" text="{da...@title}"
styleName="Label"/>
<mx:Image id="image" width="160" height="120" source="{da...@thumbbnail}"/>
<mx:HBox width="100%" paddingTop="0" horizontalAlign="center">
<controls:Rating id="vidRating" liveRollOver="false" itemCount="4"
value="{data..ratin...@average}" toolTip="Average rating:
+{numberFormatter.format(data..ratin...@average)}+ by +{data..ratin...@count}+
users"/>
<mx:Text id="ratedByNum" text="{'('+ data..vie...@count+ ')'}" />
</mx:HBox>
</mx:VBox>
The data provider is an XMLList.
If a replace the TileList with a list or horizontalList the item renderer is
visible. Can someone tell me what I am doing wrong?
Thanks,
Gilbert
