Disable the blur effect in Flex PopupManager modal background

When you use the PopupManager in Flex by default it will include a blur effect on the background. This looks very nice but can be slow on older machines. The nice folk at Adobe made it nice and simple to disable this using Styles.

If you have a stylesheet in your application you can use the following to remove the blur:

global{
modalTransparencyBlur: 0;
}

The other related styles and their default values are shown below:

global{
modalTransparency: 0.5;
modalTransparencyBlur: 3;
modalTransparencyColor: #DDDDDD;
modalTransparencyDuration: 100;
}

It is also possible to set these attributes directly on each Panel in the MXML (or children such at the titleWindow). However, it's much simpler to do it centrally in the stylesheet.

Cheers, Mark

Comments
great tip. thanks!
# Posted By gabriel | 8/8/07 2:16 AM
thanks!
# Posted By maciej | 2/7/08 9:09 AM
Thanks a lot!
# Posted By finalherizo | 6/2/08 1:14 PM
BlogCFC was created by Raymond Camden. This blog is running version 5.1.004.