<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/31/toggling-the-text-field-in-a-flex-colorpicker-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Script>
		<![CDATA[
			private function checkBox_change(evt:Event):void {
				colorPicker.open();
			}
		]]>
	</mx:Script>

	<mx:ApplicationControlBar dock="true">
		<mx:CheckBox id="checkBox"
				label="showTextField:"
				labelPlacement="left"
				selected="true"
				change="checkBox_change(event);" />
	</mx:ApplicationControlBar>

	<mx:ColorPicker id="colorPicker"
			showTextField="{checkBox.selected}"
			openDuration="0"
			closeDuration="0" />

</mx:Application>