Loading Panel not transparent with IE9 and new Telerik version

[Ernest Mombay]

Hello,

I currently updated our Telerik libraries to the latest version (2011.1.315.35) to be accessible to IE9. However, when performing AJAX operations in IE9, the loading panel on the control is not transparent; i.e. in the loading image, with a pure white background, is the only thing visible.
Is this replicable or is this just my browser?

Thanks,
Ernest

[erich]

It's not just your browser.
I have the same problem.

[Veli]

Hi huys,

None of skins for the RadAjaxLoadingPanel have a completely transparent background. Can you check the RadAjaxLoadingPanel demo and let us know which skin you are particularly referring to. The only purely transparent background you get in is when you do not specify a skin for the loading panel, in which case, however, you also do not get the loading image shown.

Veli
the Telerik team

[erich]

Hi Veli,

The problem is with EnableEmbeddedSkins="false". It works when I use a standard skin.
I tried to copy the original css file of the default skin, but still no transparency in IE9 with my custom skin.

[Veli]

So you have a custom skin for which you cannot get a transparent background. Have you modified the correct CSS rule to set a transparent background for the loading panel? The rule you need is:

div.RadAjax_[SkinName] div.raColor {
    background-color: transparent;
}

where [SkinName] is the name of your custom skin.

Veli
the Telerik team

[Ernest Mombay]

We don't use any custom skin, but we use Office2007 skin.

[erich]

Hello,

Now I tried it with some default skins, but still the same issue, the updated control becomes white while updating.

[Veli]

A have attached a test page demonstrating the approach with the above CSS rule. As none of the built-in control skins have transparent backgrounds for the AJAX loading panel, we need to make it transparent explicitly.

Veli
the Telerik team

[erich]

Thanks, but that's not the problem.

Just try the following example in Firefox and in IE9:
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

[Ernest Mombay]

erich, I tried that link using FF 4, and default skins are transparent for me. However I haven't tried Veli's solution yet.

EDIT: I tried Veli's solution in IE9 and the Ajax loading panel is still NOT transparent.

[Lee Nessling]

I'm Seeing the same issue here.  After installing IE9 loading panels no longer have opacity.

I've tested IE9 against the  Demo Loading Panel Page and seeing the same issue there. Changing the "EnableSkinTransparency" checkbox does nothing in IE9.

Works with IE8 and latest FireFox.

Is this something we can expect to be fixed upcoming or do we need to start applying CSS fixes?

[Veli]

Hi guys. I confirm this issue, we were able to reproduce what you are describing. We have logged this issue and the dev team will investigate it further on.

Veli
the Telerik team

[Todd A]

I am having the same issue.  How do we know when this has been resolved -- Will you post here?

[Veli]

We were able to fix this issue and you can wait for the upcoming Q1 2011 Service Pack release. It is due in the next couple of days.

Veli
the Telerik team