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

RadAjaxLoadingPanel left align issue

3 Answers 105 Views

Ajax

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

Matt asked on 26 Aug 2014, 06:02 PM

Greetings,

I was struggling earlier to figure out why my loading panel was not showing. I inherited an application and was trying to Ajaxify it. One of my Loading Panels would not show up even though it was doing a lengthy post-back. I discovered that having align="left" on a table tag (I know, not good practice) causes the loading panel to disappear. Here is a sample...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample.aspx.cs" Inherits="Sample" %>

<html>

<head runat="server">

<title>Loading Panel Sample</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

Width="350">

<table border="1" width="350">

<tr>

<td>

<h2>

Loading Panel Will Show

</h2>

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="RadButton1" runat="server" Text="Post Me" OnClick="RadButton1_Click">

</telerik:RadButton>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

<br />

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel2">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel2"

Width="350">

<table align="left" border="1" width="350">

<tr>

<td>

<h2>

Loading Panel Will Not Show

</h2>

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

filler...

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="RadButton2" runat="server" Text="Post Me" OnClick="RadButton2_Click">

</telerik:RadButton>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

using System;

public partial class Sample : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButton1_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

}

protected void RadButton2_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(1000);

}

I removed the left alignment from the table tags and now working great. Just wanted to share in case somebody else has this issue.

Matt

3 Answers, 1 is accepted

answered on 29 Aug 2014, 08:32 AM

Hello,

Does this mean that the loading panel appears after you remove align="left" from the table tag? What I can suggest you is to try setting Skin property of RadAjaxPanel to some of the build in skins and see if this will help you show the loading panel.

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Vista">

</telerik:RadAjaxLoadingPanel>

Regards,
Pavlina
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.