<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="vertical" 
    creationComplete="handleCreationComplete()"
    width="500"
    height="350"
    backgroundColor="#FFFFFF"
    backgroundGradientColors="[#FFFFFF,#FFFFFF]"
     viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var acData:ArrayCollection = new ArrayCollection();
            
            private function handleCreationComplete():void
            {
                for( var i:int = 0; i < 10; i++ )
                {
                    var o:Object    =    {};
                    o.data            =    i;
                    o.label            =    'listItem ' + i;
                    acData.addItem(o);
                }
            }
        ]]>
    </mx:Script>
    
    <mx:HBox
        width="100%"
        height="100%"
        >
        
        <mx:VBox width="50%" height="100%">
            <mx:Label width="100%" text="Small Items" />
            <mx:List
                dataProvider    ="{acData}"
                width            ="100%"
                height            ="100%"
                rowHeight        ="14"
                itemRenderer    ="SmallListRenderer"
                />
        </mx:VBox>
        
        <mx:VBox width="50%" height="100%">
            <mx:Label width="100%" text="Normal List Items" />
            <mx:List
                dataProvider    ="{acData}"
                width            ="100%"
                height            ="100%"
                />
        </mx:VBox>
        
    </mx:HBox>
    
</mx:Application>