Tech Blog

Disable the blur effect in Flex PopupManager modal background

Posted At : April 25, 2007 8:41 PM 3 Comments

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

Posted in: Flex

New comments are disabled

3 Comments

gabriel 8/8/07 2:16 AM

great tip. thanks!

maciej 2/7/08 9:09 AM

thanks!

finalherizo 6/2/08 1:14 PM

Thanks a lot!