<?xml version="1.0" encoding="utf-8"?>
<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/halo"
    xmlns:local="*"
    width="200" height="200" viewSourceURL="srcview/index.html">
    
    <s:Group width="200" height="200">
        <s:Rect width="100%" height="100%">
            <s:fill>
                <s:SolidColor color="0x999999" />
            </s:fill>
        </s:Rect>
    
        <s:Scroller top="2" left="2" right="2" bottom="2">
            <s:DataGroup itemRenderer="TwistyItemRendererDataGroup">
                <s:layout>
                    <s:VerticalLayout gap="2" />
                </s:layout>
                <s:dataProvider>
                    <s:ArrayList>
                        <local:Player name="Roberto Luongo" position="Goalie" phone="555-333-1234" />
                        <local:Player name="Dan Boyle" position="Defense" phone="555-222-1234" />
                        <local:Player name="Jarome Iginla" position="Forward" phone="555-111-1234" />
                        <local:Player name="Ryan Smith" position="Forward" phone="555-555-1234" />
                        <local:Player name="Scott Niedermayer" position="Defense" phone="555-998-1234" />
                        <local:Player name="Cam Ward" position="Goalie" phone="555-766-1234" />
                        <local:Player name="Alexandre Burrows" position="Forward" phone="555-666-1234" />
                        <local:Player name="Steve Yzerman" position="Executive Director" phone="555-777-1234" />
                        <local:Player name="Dion Phaneuf" position="Defense" phone="555-888-1234" />
                        <local:Player name="Rick Nash" position="Forward" phone="555-999-1234" />
                        <local:Player name="Duncan Keith" position="Defense" phone="555-998-1234" />
                        <local:Player name="Jonathan Toews" position="Forward" phone="555-767-1234" />
                        <local:Player name="Shane Doan" position="Forward" phone="555-898-1234" />
                    </s:ArrayList>
                </s:dataProvider>
            </s:DataGroup>
        </s:Scroller>
    
    </s:Group>
    
</s:Application>