I can't seem to get the RadAjaxLoadingPanel to appear over the control being updated. I've tried to create as simple an example as possible to remove the possibility of my project's complexities as the culprit. However, even that simple scenario doesn't seem to work.
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <telerik:RadScriptManager runat="server" ID="rsmScriptManager" /> |
| <telerik:RadAjaxManager runat="server" ID="ramAjaxManager"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="btnTest"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="divColor" LoadingPanelID="rlpLoadingPanel" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadAjaxLoadingPanel ID="rlpLoadingPanel" runat="server" Skin="Vista"/> |
| <div style="width: 500px; height: 500px; background-color: Red;" runat="server" id="divColor" /> |
| <asp:Button ID="btnTest" runat="server" Text="Test" OnClick="btnTest_Click" /> |
| </div> |
| </form> |
| </body> |
| </html> |
The codebehind simply changes the color of the div from red to blue after sleeping for a couple of seconds to simulate server processing time. When I run this, the colored div disappears, no loading panel is shown, and then div reappears in blue. What am I missing here?