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;
}

Leave a Reply