1 Reply Latest reply on Oct 7, 2008 11:01 AM by m_hartnett

    Problem styling item renderer

    sinosoidal
      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