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

RadAjaxLoadingPanel left align issue

3 Answers 49 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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadAjaxLoadingPanel left align issue

3 Answers, 1 is accepted