In praise of System.Object | Home | Netflix Demonstrates Customer Relationship Mastery

Filed under Quick Tips on June 26, 2008 by Javier Julio

Enabling A Drop Shadow On A Flex Container

To set a drop shadow on say a VBox or HBox component you simply set the boolean property dropShadowEnabled to "true" -- but this is not enough to make the drop shadow appear. An example:

<mx:HBox dropShadowEnabled="true" width="100" height="100" />

To have the drop shadow appear (with its default shadow color) you need to specify a value for borderStyle since the default is none. Setting the borderStyle property doesn't necessarily mean you have to display a border, but it is needed for the drop shadow to appear. So if the border is not desired, simply set the style property borderThickness to 0. An example:

<mx:HBox dropShadowEnabled="true" borderStyle="solid" borderThickness="0" width="100" height="100" />

The above sample will display a drop shadow for the HBox component without a visible border.

Post a Comment Digg Del.icio.us

Post a Comment:

Name:

Email Address:

URL:

Comment:

In praise of System.Object | Main | Netflix Demonstrates Customer Relationship Mastery