Flex Code

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" >
<mx:ApplicationControlBar dock="true">
	<mx:LinkButton label="All" click="this.currentState=''">
	</mx:LinkButton>
	<mx:LinkButton label="Sales" click="this.currentState='fullSales'">
	</mx:LinkButton>
	<mx:LinkButton label="Categories" click="this.currentState='fullType'">
	</mx:LinkButton>
	<mx:LinkButton label="Comparison" click="this.currentState='fullComp'">
	</mx:LinkButton>
	<mx:Spacer width="100%">
	</mx:Spacer>
	<mx:Label  text="Start Date">
	</mx:Label>
	<mx:DateField id="startDate">
	</mx:DateField>
	<mx:Label  text="End Date">
	</mx:Label>
	<mx:DateField id="endDate">
	</mx:DateField>
	<mx:RadioButtonGroup id="grossOrNetGroup">
	</mx:RadioButtonGroup>
	<mx:RadioButton id="gross" groupName="grossOrNetGroup" label="Gross Sales" data="GROSS" selected="true">
	</mx:RadioButton>
	<mx:RadioButton id="net" groupName="grossOrNetGroup" label="Net Sales" data="NET">
	</mx:RadioButton>
</mx:ApplicationControlBar>
<mx:states>
	<mx:State name="fullSales">
		<mx:SetProperty target="{rightCharts}" name="width" value="0">
		</mx:SetProperty>
		<mx:SetProperty target="{rightCharts}" name="height" value="0">
		</mx:SetProperty>
	</mx:State>
<mx:State name="fullType">
	   <mx:SetProperty target="{sales}" name="width" value="0">
	   </mx:SetProperty>
	    <mx:SetProperty target="{sales}" name="height" value="0">
	    </mx:SetProperty>
	    <mx:SetProperty target="{comp}" name="width" value="0">
	    </mx:SetProperty>
	    <mx:SetProperty target="{comp}" name="height" value="0">
	   </mx:SetProperty>
</mx:State>
<mx:State name="fullComp">
	<mx:SetProperty target="{sales}" name="width" value="0">
	</mx:SetProperty>
	<mx:SetProperty target="{sales}" name="height" value="0">
	</mx:SetProperty>
	<mx:SetProperty target="{type}" name="width" value="0">
	</mx:SetProperty>
	<mx:SetProperty target="{type}" name="height" value="0">
	</mx:SetProperty>
</mx:State>
</mx:states>
<mx:Panel id="sales" title="Sales Chart" width="100%" height="100%">
	<mx:ControlBar>
	</mx:ControlBar>
</mx:Panel>
<mx:VBox id="rightCharts" width="100%" height="100%">
<mx:Panel id="type" width="100%" height="100%" title="Category Chart">
<mx:ControlBar>
</mx:ControlBar>	
</mx:Panel>
<mx:Panel id="comp" width="100%" height="100%" title="Comparison Chart">
<mx:ControlBar>
</mx:ControlBar>
</mx:Panel>
</mx:VBox>
</mx:Application>