Search Flex Samples

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.




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

0 comments:

Related Flex Samples

Learn Flex: Flex Samples | Flex Video Tutorials Flex Examples