<?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/mx"
               viewSourceURL="srcview/index.html">
    
    <s:layout>
        <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
    </s:layout>
    
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <s:Form>
        <s:layout>
            <s:ConstraintLayout>
                <s:constraintRows>
                    <s:ConstraintRow id="row1" />
                    <s:ConstraintRow id="row2"/>
                    <s:ConstraintRow id="row3"/>
                </s:constraintRows>
                <s:constraintColumns>
                    <s:ConstraintColumn id="col1" width="100"/>
                    <s:ConstraintColumn id="col2" width="100"/>
                    <s:ConstraintColumn id="col3" width="100"/>
                </s:constraintColumns>
            </s:ConstraintLayout>
        </s:layout>
        
        <s:FormItem label="First Name"
                    left="col1:3" right="col2:53" top="row1:0" bottom="row1:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
        <s:FormItem label="Last Name"
                    left="col2:53" right="col3:3" top="row1:0" bottom="row1:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
        
        <s:FormItem label="Address"
                    left="col1:3" right="col3:3" top="row2:0" bottom="row2:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
        
        <s:FormItem label="City"
                    left="col1:3" right="col1:3" top="row3:0" bottom="row3:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
        <s:FormItem label="State"
                    left="col2:3" right="col2:3" top="row3:0" bottom="row3:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
        <s:FormItem label="Zip"
                    left="col3:3" right="col3:3" top="row3:0" bottom="row3:0"
                    skinClass="com.shinynet.shinylib.skins.CondensedStackedFormItemSkin">
            <s:TextInput width="100%"/>
        </s:FormItem>
    </s:Form>
    
</s:Application>