Search Flex Components Free

Custom Search

January 14, 2008

Creating semi-transparent ComboBox dropdown menus in Flex

The following example shows how you can create semi-transparent dropdown menus in the Flex ComboBox control by setting the backgroundAlpha style.

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx=""

layout="vertical" verticalAlign="middle" backgroundColor="white">

<mx:Style> .myCustomDropdownStyleName

{ backgroundAlpha: 0.4; backgroundColor: white; }


<mx:ApplicationControlBar dock="true">

<mx:ComboBox id="comboBox"




<mx:Object label="One" />

<mx:Object label="Two" />

<mx:Object label="Three" />

<mx:Object label="Four" />

<mx:Object label="Five" />

<mx:Object label="Six" />

<mx:Object label="Seven" />

</mx:Array> </mx:dataProvider>



<mx:VBox backgroundAlpha="0.5" backgroundColor="haloSilver"

width="100%" height="100%" />


Related Flex Tutorials