<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:controls="com.dummies.controls.*" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var average:Number = 0;
            
            private function computeAverage():void {
                average = (rating1.rating + rating2.rating + rating3.rating) / 3;
            }
        ]]>
    </mx:Script>
    
    <mx:NumberFormatter id="formatter" precision="1" />
    
    <mx:Panel title="Session survey" fontSize="18">
        <mx:Form>
            <mx:FormItem label="Speaker was knowledgable">
                <controls:RatingSelector id="rating1" change="computeAverage()" />
            </mx:FormItem>
            <mx:FormItem label="Slides were helpful">
                <controls:RatingSelector id="rating2" change="computeAverage()" />
            </mx:FormItem>
            <mx:FormItem label="Speaker was engaging">
                <controls:RatingSelector id="rating3" change="computeAverage()" />
            </mx:FormItem>
        </mx:Form>
        <mx:ControlBar>
            <mx:Label text="Average rating: {formatter.format(average)}" />
            <mx:Spacer width="100%" />
            <mx:Button label="Submit" />
        </mx:ControlBar>
    </mx:Panel>
    
</mx:Application>