<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:openflux="http://www.openflux.org/2008" layout="horizontal" viewSourceURL="srcview/index.html" backgroundGradientColors="[#ff0000, #834040]">
    <mx:ArrayCollection id="data">
        <mx:Object label="Apple"/>
        <mx:Object label="Orange"/>
        <mx:Object label="Pear"/>
        <mx:Object label="Grape"/>
        <mx:Object label="Banana"/>
        <mx:Object label="Plum"/>
        <mx:Object label="Grapefruit"/>
        <mx:Object label="Watermelon"/>
        <mx:Object label="Honeydew"/>
        <mx:Object label="Raspberry"/>
        <mx:Object label="Strawberry"/>
        <mx:Object label="Blueberry"/>
        <mx:Object label="Peach"/>
        <mx:Object label="Cherry"/>
    </mx:ArrayCollection>
    <mx:Style>
        .list1 {
            layout: ClassReference("com.openflux.layouts.FlowLayout");
        }
        .list2 {
            view: ClassReference("com.plexiglass.views.PlexiListView");
            layout: ClassReference("com.openflux.layouts.SpiralLayout");
        }
    </mx:Style>
    <openflux:List data="{data}" width="50%" height="100%" styleName="list1"/>
    <openflux:List data="{data}" width="50%" height="100%" styleName="list2"/>
</mx:Application>