This is a migrated thread and some comments may be shown as answers.

Loading panel image doesn't show up on Internet explorer 7

9 Answers 231 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 17 Nov 2010, 12:24 PM

Hi Cpimentel,

Could you please elaborate a bit more on your scenario. Do you have any external css styles which you apply to the loading panel? Do you have any custom code which changes the position of the loading panel? Also it will be helpful if you could send us a small runnable example which demonstrates the described issue. You could open a formal support ticket from your Telerik account and attach a ZIP file there. Thus we will be able to debug the project and provide you with more to-the-point answer.

Kind regards,
Radoslav
the Telerik team

Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 19 Nov 2010, 11:37 PM

Hello Radoslav, thanks for your answer.

I can't make a sample project for you because I have a lot of projects wisely separated to improve performance and create a reliable architecture. It would take a lot of time to assemble all these code pieces just to make you a sample project.

For example, I have a project that changes the loading panel properties on it's constructor. If I try to join all those pieces of coding it will take a LOT of time for me.

As you can see Brad Hickey has the same problem.

What I can tell you is that I completely removed all the external CSS references from one of my pages to run a test for you, and it turns out that the issue still occurs.

This problem is taking a lot of days to be solved, and we need this solved A.S.A.P.

I hope the code below can help you out on discovering the issue. This is my login page, and the problem occurs here as well.
This is all I can offer you.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="NS.Default"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">

<META HTTP-EQUIV="EXPIRES" CONTENT="0">

<html>

<head id="Head1" runat="server">

<title>Title</title>

<style>

input{font-family: Segoe UI, Tahoma, Verdana;}

span{font-family: Segoe UI, Tahoma, Verdana;}

</style>

</head>

<body>

<form id="form" runat="server" defaultbutton="btLogin">

<telerik:RadScriptManager ID="mainScriptManager" runat="server"/>

<script type="text/javascript" language="javascript"

>Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); function EndRequestHandler(sender, args) { if (args.get_error() != undefined && args.get_error().httpStatusCode == '500') { var errorMessage = args.get_error().message; args.set_errorHandled(true); alert(errorMessage); } }</

script>

<telerik:RadAjaxManager ID="mainAjaxManager" runat="server" DefaultLoadingPanelID="waitingProcess" UpdatePanelsRenderMode="Block" RestoreOriginalRenderDelegate="false">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="tecPanel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tbLogin" LoadingPanelID="waitingProcess" UpdatePanelRenderMode="Block"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="tecPanel" runat="server" RestoreOriginalRenderDelegate="false">

<table width="100%" height="580px">

<tr width="100%" height="580px" align="left" valign="middle">

<td width="100%" height="500px" align="left" valign="middle">

<table width="100%" height="100%">

<tr valign="middle">

<td align="center">

<table width="300" height="80px">

<tr valign="bottom" height="50px">

<td><img src="Images/Logo.png"/></td>

</tr>

</table>

<table width="300" height="120">

<tr>

<td colspan="2" align="center" class="erro">

<asp:Label runat="server" ID="lblMensagemRetorno" Font-Bold="true"/>

</td>

</tr>

<tr bgcolor="#f0f0f0">

<td>

<table width="100%" height="90" class="loginTable" style="border: 1pt solid #000000" ID="tbLogin" runat="server">

<tr>

<td width="30%" align="right" class="label"><asp:Label runat="server" ID="lblNome" Text="<%$ Resources:Label, Usuario %>" />:</td>

<td width="70%"><asp:TextBox runat="server" Width="90%" ID="txtUsuario" MaxLength="10" /></td>

</tr>

<tr>

<td align="right" class="label"><asp:Label runat="server" ID="lblUsuario" Text="<%$ Resources:Label, Senha %>" />:</td>

<td><asp:TextBox runat="server" Width="90%" ID="txtSenha" TextMode="Password" MaxLength="20" /></td>

</tr>

</table>

</td>

</tr>

<tr height="1">

<td align="right"><asp:Button runat="server" ID="btLogin" Text="OK" OnClick="btLogin_Click" class="dfButton"/></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel RadLoadingPanel ID="waitingProcess" runat="server" Skin="Black" InitialDelayTime="1" BackgroundPosition="Center" EnableSkinTransparency="true" Height="100%" Transparency="20" IsSticky="false"/>

</form>

</body>

</html>

I hope you can help us.
We'll be waiting your reply anxiously.

Thanks in advance.

Cezar

answered on 23 Nov 2010, 11:34 AM

radajaxloadingpanel-image.zip

Hello,

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

You can workaround this by removing the Transparency property from the RadAjaxLoadingPanel declaration as demonstrated in the attached project. Another passible solution is to create 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

Best wishes,
Radoslav
the Telerik team