Hi,

I'm exploring the capabilities of the custom item renderers. However i'm
having some dofficulties in making them work as i want.

I want each item to be in a container with rounded corners, so i did the
following:

<mx:Panel
xmlns:mx="http://www.adobe.com/2006/mxml"
cornerRadius="100"
backgroundColor="0x000000"
backgroundAlpha="0.5">
<mx:VBox
xmlns:mx="http://www.adobe.com/2006/mxml"
paddingBottom="20"
horizontalAlign="center"
verticalAlign="middle"
width="150"
height="100">
<mx:HBox>
<mx:Label text="Serial number:" />
<mx:Label text="{data.@serial}" />
</mx:HBox>
<mx:HBox>
<mx:Label text="Last seen:" />
<mx:Label text="{data.@last_seen}" />
</mx:HBox>
<mx:Button label="Connect" />
</mx:VBox>
</mx:Panel>

The thing is that the corners aren't rendered with radius and the item
selected thing appears beneath the item.
Is this a normal behaviour?

How can I make the root of the item renderer (the panel) to have the corner
with radius appear correctly and the item selected thing appears on the top of
the item, inside the rounded corner panel?

Thanks,

Nuno