<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/12/globally-setting-modal-styles-in-a-flex-application/ -->
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
		width="320"
		height="240"
		showCloseButton="true"
		close="titleWindow_close();"
		creationComplete="titleWindow_creationComplete();">

	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.managers.PopUpManager;

			private function titleWindow_close():void {
				PopUpManager.removePopUp(this);
			}

			private function titleWindow_creationComplete():void {
				PopUpManager.centerPopUp(this);
			}
			
			private function sendButton_click():void {
				Alert.show("Thanks for the feedback");
				titleWindow_close();
			}
		]]>
	</mx:Script>

	<mx:Form styleName="plain" width="100%" height="100%">
		<mx:FormHeading label="Contact Us" />
		<mx:FormItem label="Name:" width="100%">
			<mx:TextInput id="feedbackName" width="100%" />
		</mx:FormItem>
		<mx:FormItem label="Email:" width="100%">
			<mx:TextInput id="feedbackEmail" width="100%" />
		</mx:FormItem>
		<mx:FormItem label="Comments:" width="100%" height="100%">
			<mx:TextArea id="feedbackComments" width="100%" height="100%" />
		</mx:FormItem>
	</mx:Form>

	<mx:ControlBar horizontalAlign="right">
		<mx:Button id="sendButton"
				label="Send"
				click="sendButton_click();" />
	</mx:ControlBar>

</mx:TitleWindow>