Animation and Cleartype issue in Internet Explorer

[Ludovic]

Hello,

I used RadWindow and I have a "common" issue with Internet Explorer when using "Animation='Fade'"... The font cleartype rendering is disabled.
I said "common" because this is a well known issue of Internet Explorer : the opacity is managed by CSS attribute "filter:alpha(opacity=xxxx);" that automatically disable the cleartype rendering... Even when "filter:alpha(opacity=100)";

I have the same issue when using jquery.fadeIn and the workarount is to remove the CSS attribute filter at the end of the animation.

$(".MyElem").fadeIn("fast", function () {
    try { this.style.removeAttribute("filter"); } catch (ex) { }
});

How can I proceed to correct the problem in RadWindow ?
May be have your a standard workarount (not found despide search in forums) ?

Thanks in advance

[Svetlina Anati]

Hi Ludovic,

I assume that the problem you mention is the one with fonts and filters which occurs under IE7 (it is not present  in later IE versions). The problem with RadWindow can occur in the following scenarios:

1) Using Animation - our source code has the same workaround as the one you have used - removing the filter and this is done for IE7 only when the animation finishes. Is it possible that you are using an old version of radControls? If so, please test with the latest one and if the you reproduce the issue with it, send us sample, fully runnable code along with detailed explanations and screenshots and we will do our best to help.

2) In case you have set the Opacity property of RadWindow (or you change opacity through code), it will keep filter in all cases except for 100 - make sure you do not set custom value or set it to 100 only under IE7.

Greetings,
Svetlina
the Telerik team