RadAjaxLoadingPanel Transparency IE8 not working

[waircit]

Hi there,

it's working fine on IE7, Firefox, Chrome.

On IE8 it just has full background color. Is there any workaround for this?

I have tried both setting transparency for the radajaxloadingpanel declaratively + through CSS opacity property.

Thanks!

[Dimo]

Hello waircit,

Please try our online demos:

http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx

If the problem exists there as well, then check your browser security settings - probably they are too restrictive with regard to scripting, ActiveX, etc.

Best wishes,
Dimo
the Telerik team

[Chen]

The demo does not answer the question (which I have as well).

In the demo, the declaration does not include transparency, e.g. 

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" Transparency="10"
    </telerik:RadAjaxLoadingPanel>

In IE8, the circle that shows progress, does not show. In all other browsers it does.
Any solution (other than ignoring the Transparency capability?)

[Galin]

Hello Chen,

Internet Explorer does not support animated images placed inside an element with a filter style applied (the transparency in IE uses such a style).

You can workaround this by creating a custom skin for RadAjaxLoadingPanel and use the desired loading image there.

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-create-and-use-custom-skins-for-radajaxloadingpanel.aspx

Also you can simply override the styles of an existing skin, you need only these three CSS rules:

.RadAjax_[Skin_Name] .raDiv /*use this rule if you need to change the loading image */
{
    background-image:url('Ajax/loading.gif');
}

.RadAjax_[Skin_Name] .raColor /*use this rule if you need to change the bg color*/
{
    background-color:#d8dee3;
}

.RadAjax_[Skin_Name] .raTransp /*finally use this rule for changing transparency level*/
{
    opacity:0.2;
    -moz-opacity:0.2; /*For old Mozilla Browsers*/
    filter:alpha(opacity=20); /*For IE*/
}

I hope this helps.

Regards,
Galin
the Telerik team

[Phil]

Setting transparency=0 solved IE8 image display problems, thank you! (2012 Q1)
Phil