Toggling the text field in a Flex ColorPicker control

The following example shows how you can toggle the nested text field in a ColorPicker control’s swatch panel in Flex by setting the showTextField property.

Code Example

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <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>