Flex: Remove drop shadow from ApplicationControlBar?

Question

Does anyone know how to remove the default drop shadow from ApplicationControlBar?

I tried this but no luck:

<mx:Style>
     global
     {
      dropShadowEnabled:false;
     }
    </mx:Style>

Answer 1

dropShadowEnabled can only be set in MXML mode but not in design mode. I don't know why it's not documented feature.

This works for me:

<mx:ApplicationControlBar width="80%" dropShadowEnabled="false">
        <mx:Button label="Test"></mx:Button>
</mx:ApplicationControlBar>

Answer 2

Thnx thnx. This example help me a lots.

Answer 3

At runtime:

applicationcontrolbar.setStyle('dropShadowEnabled',"false");