<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="10" height="246" verticalScrollPolicy="off" viewSourceURL="srcview/index.html">
 
    <mx:Style>
        ApplicationControlBar{
            backgroundColor:#ACACAC;
            color: #323232;
        }
    </mx:Style>
    <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0"  >
        <mx:Label text="Docked" fontWeight="bold" color="0x000000"/>
 
        <mx:MenuBar id="myMenuBar" labelField="@label">
            <mx:XMLList>
                <menuitem label="MenuItem A" >
                    <menuitem label="SubMenuItem A-1" type="check"/>
                    <menuitem label="SubMenuItem A-2" type="check"/>
                </menuitem>
                <menuitem label="MenuItem B"/>
                <menuitem label="MenuItem C"/>
                <menuitem label="MenuItem D" >
                    <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
                </menuitem>
            </mx:XMLList>
        </mx:MenuBar>
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A docked ApplicationControlBar appears at the top of the application window."/>
    <mx:Spacer height="100%" />
 
    <mx:ApplicationControlBar width="80%">
        <mx:Label text="Normal" fontWeight="bold" color="0x000000"/>
        <mx:Label text="Search:" color="0x323232" />
        <mx:TextInput width="100%" maxWidth="200" />
        <mx:Spacer width="100%" />
        <mx:Button label="Go adobe.com" color="0x000000" />
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A normal ApplicationControlBar can appear anywhere in the application."/>
 
</mx:Application>