It looks like you made a custom renderer that just has an Image. Image doesn't know how to look for an "icon" property in the dataprovider. You might try customizing the .data setter.
________________________________ From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Nathan Arizona Sent: Monday, June 04, 2007 11:28 AM To: [email protected] Subject: [flexcoders] HorizontalList shows image place holder instead of image The code below shows that there are two image tags and one horizontal list. The image tags show the images but the the horizontalList does not. Can anyone see what I am doing wrong. Just an FYI. I am using an example from the flex documenatation. Prior to this the HorizontalList was using the same ArrayCollection that the images are using for a source. I was getting the same result. <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml <http://www.adobe.com/2006/mxml> " layout="absolute" creationComplete="init()"> <mx:Script> <![CDATA[ import mx.controls.Image; import mx.collections.ArrayCollection; import mx.collections.ListCollectionView; [Bindable] [Embed(source="C:/Documents and Settings/nathan/My Documents/Flex Builder 2/nmx/com/golfclubadmin/assets/encoder.png")] public var encoderClass:Class; [Bindable] [Embed(source="C:/Documents and Settings/nathan/My Documents/Flex Builder 2/nmx/com/golfClubadmin/assets/audio.png")] public var audioClass:Class; [Bindable] private var graphicList:ArrayCollection; public static var cat:Array; public function init():void { cat = [new audioClass(), new encoderClass()]; graphicList = new ArrayCollection(cat); /* hl.dataProvider = graphicList; */ } ]]> </mx:Script> <mx:Panel title="HorizontalList Control Example" height="75%" width="75%" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> <mx:HorizontalList columnWidth="100" rowHeight="100" id="hl" x="10" y="30" > <mx:dataProvider> <mx:Array> <mx:Object label="audio Source" icon="{audioClass}"/> <mx:Object label="Encoder" icon="{encoderClass}"/> </mx:Array> </mx:dataProvider> <mx:itemRenderer> <mx:Component> <mx:Image width="50" height="50"/> </mx:Component> </mx:itemRenderer> </mx:HorizontalList> <mx:Image id="aud" x="0" y="100" width="50" height="50" source="{graphicList.getItemAt(0)}"/> <mx:Image id="enc" x="0" y="160" source="{graphicList.getItemAt(1)}"/> </mx:Panel> </mx:Application>
