Changing the swatch grid background color for a ColorPicker control in Flex 3
The following example shows how you can set the swatch grid background color on a Flex 3 ColorPicker control by setting the swatchGridBackgroundColor style. You can also see how you can set the horizontalGap, and verticalGap styles using CSS.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white"
creationComplete="init();">
<mx:Style>
.myCustomSwatchPanelStyleName {
/* border */
swatchBorderColor: white;
swatchBorderSize: 1;
/* highlight */
swatchHighlightColor: black;
swatchHighlightSize: 2;
/* gap */
horizontalGap: 2;
verticalGap: 2;
/* background */
swatchGridBackgroundColor: red;
}
</mx:Style>
<mx:Form>
<mx:FormItem label="default:">
<mx:ColorPicker />
</mx:FormItem>
<mx:FormItem label="horizontalGap/verticalGap = 2:">
<mx:ColorPicker id="colorPicker"
swatchPanelStyleName="myCustomSwatchPanelStyleName" />
</mx:FormItem>
</mx:Form>
</mx:Application>
11:26 AM
|
Labels:
Flex Controls Samples,
Flex Samples
|
This entry was posted on 11:26 AM
and is filed under
Flex Controls Samples
,
Flex Samples
.
You can follow any responses to this entry through
the RSS 2.0 feed.
You can leave a response,
or trackback from your own site.
0 comments:
Post a Comment