<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="vertical"
 xmlns:compClasses="classes.*" viewSourceURL="src/index.html">

    <mx:TabNavigator width="100%" height="100%">
        <mx:Canvas label="Example 1" width="100%" height="100%" backgroundColor="#80ffff">
            <compClasses:Display id="display0" x="100" y="25" displayName="{login0.loginName}"/>
            <compClasses:Login id="login0" x="100" y="100"/>
        </mx:Canvas>
        <mx:Canvas label="Example 2" width="100%" height="100%" backgroundColor="#c0c0c0">
            <compClasses:Display2 id="display2" x="120" y="25"/>
            <compClasses:Login2 id="login2" x="120" y="100" loggedIn="{display2.displayName.text=login2.entryName.text}"/>
        </mx:Canvas>
        <mx:Canvas label="Example 3" width="100%" height="100%">
            <compClasses:Display3 x="140" y="25"/>
            <compClasses:Login3 x="140" y="100"/>
        </mx:Canvas>
    </mx:TabNavigator>
    
</mx:Application>