<?xml version="1.0" encoding="utf-8"?>
<s:List xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx"
        itemRenderer="de.dtele.ui.components.MessageItemRenderer"
        contentBackgroundAlpha="0"
        borderVisible="false"
        creationComplete="onCreationComplete(event)">
  
  <fx:Metadata>
    /**
     * A list of messages with a custom item renderer
     * 
     * @author Mathias Brodala
     */
  </fx:Metadata>
  
  <s:layout>
    <s:VerticalLayout
      gap="5"
      requestedRowCount="-1"/>
  </s:layout>

  <fx:Script>
    <![CDATA[

      protected function onCreationComplete(event:Event):void {
        
        this.scroller.setStyle("horizontalScrollPolicy", "off");
        //this.scroller.setStyle("verticalScrollPolicy", "off");
      }

    ]]>
  </fx:Script>
  
</s:List>