Saturday, June 18, 2011

Adjusting PopUp visual effects on Flex

Flex Modal Transparency
When you use the PopupManager in Flex by default it will include a blur effect, as well as place a transparent layer on top of the background. This looks very nice, but it was slightly too light for my taste. After what seems too long of a search, I finally found something. As expected, it can be configured using css.

For example, to remove the blur effect, one can:
global{
 modalTransparencyBlur: 0;
}

In my case, this is what I used for the “after” you see in the image above:
global{
 modalTransparency: 0.6;
 modalTransparencyBlur: 5;
 modalTransparencyColor: #000000;
 modalTransparencyDuration: 100;
}

No comments:

Post a Comment