Comments on: Setting a selection disabled color on a ComboBox control’s dropdown menu in Flex

By: Amit Tamse

Amit Tamse — Wed, 28 Dec 2011 10:54:37 +0000

Hi Peter,
How can we give border styling to the ComboBox as there is no property for border skin as in other components?

By: Jovica Aleksic

Jovica Aleksic — Sun, 13 Sep 2009 14:05:03 +0000

Ah, and of course you need to specify the downSkin for your combobox:


	downSkin="{DownSkin}" dataProvider="{myDataProvider}">
>

By: Jovica Aleksic

Jovica Aleksic — Sun, 13 Sep 2009 14:02:18 +0000

@Klaus Busse’s question:
Even a openDuration of 0 will cause the short bright flicker.The key to this is using a custom downSkin.
In my case it was fine to extend UIComponent for that, maybe it would be more correct to use ProgrammaticSkin, however this solution worked fine for me:

package  
{ 
	import mx.core.UIComponent;
 
 
	public class DownSkin extends UIComponent
	{
		public function DownSkin()
		{
			super();
		}
 
		private var downBgColor:Number = 0x222222;
 
		protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
		{
		   super.updateDisplayList(unscaledWidth, unscaledHeight);			
 
			var backgroundFillColor:Number;	
			var cornerRadius:Number = getStyle("cornerRadius");
			var backgroundAlpha:Number = getStyle("backgroundAlpha");
 
			graphics.clear();
 
			switch (name) { 
				case "downSkin":
					backgroundFillColor = this.downBgColor;
					break; 
			}
 
			graphics.beginFill(backgroundFillColor);
			drawRoundRect(0,0,unscaledWidth,unscaledHeight,{tl: cornerRadius, tr: cornerRadius, bl: cornerRadius, br: cornerRadius},
			 				backgroundFillColor,backgroundAlpha);
			graphics.endFill();
 
		 }
	}
}

By: meir

meir — Wed, 27 Aug 2008 07:31:39 +0000

Thanks so much,

Meir

By: peterd

peterd — Tue, 26 Aug 2008 20:44:18 +0000

meir,

In order to do that, you’ll need to define an item renderer. For more information, and lots of examples, check out the item renderers section of Alex Harui’s blog at http://blogs.adobe.com/aharui/item_renderers/

Peter

By: meir

meir — Tue, 26 Aug 2008 20:09:36 +0000

Do you guys know how will it be possible to have a dropdown menu with checkbox next to each option in the dropdown?

By: peterd

peterd — Thu, 17 Jul 2008 07:17:54 +0000

Shahaji S.S.,

Yeah, I noticed this shortly after I posted the example. The solution is to disable keyboard navigation for the Flex ComboBox control. And as luck would have it, that was the subject of the very next blog post, “Disabling keyboard navigation on the ComboBox control in Flex”.

Good catch!

Peter

By: Shahaji S.S.

Shahaji S.S. — Thu, 17 Jul 2008 06:38:27 +0000

Dear All,
If you see carefully, there is one bug in this,
Put your finger on downarrow, click on combobox and immidiately press downarrow, you are able to change the combo value after checkbox state is disabled.

what will be the solution????
shahazee

By: Mielno

Mielno — Wed, 16 Jul 2008 20:44:37 +0000

Thanks for all. I’ll try it and write something more later. Bye – Mielno

By: peterd

peterd — Wed, 16 Jul 2008 14:14:37 +0000

Klaus Busse,

One workaround is to set the ComboBox control’s openDuration style to 0 so that the ComboBox opens immediately instead of animating down.

Peter