Change panel style in ColorPicker change event

       
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel id="panel" width="250" height="200">
    <mx:TextArea id="textArea" width="80%" height="80%" text="Example" />
    <mx:ControlBar>
        <mx:Button label="Random Font Size" click="textArea.setStyle('fontSize', Math.random( ) * 20 + 8)" />
        <mx:ColorPicker id="color" change="panel.setStyle('backgroundColor', color.value)" />
    </mx:ControlBar>
</mx:Panel>
</mx:Application>

1.	ColorPicker change event
2.	Get current selected color from ColorPicker
3.	Set color for ColorPicker
4.	Add an event listener for a change event and an open event to ColorPicker
5.	ColorPicker uses an Array of Objects with three fields: color, label, and descript.
6.	Bind HBox backgroundColor to ColorPicker colorValue
7.	GridItem Label, ColorPicker
8.	Use ControlBar to wrap ColorPicker and Button
9.	Use a ColorPicker to Set Canvas Color
10.	Populate a ColorPicker with a simple array of colors.
11.	ColorPicker Events
12.	A ColorPicker uses an Array of Objects with three fields: color, label, and descript
13.	ColorPicker with Custom Field Names

Change panel style in ColorPicker change event : ColorPicker « Components « Flex

Related examples in the same category