<?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>