Hi,
I am using RADAjaxClassic Version. I am trying to use RAD AjaxLoadingPanel. But the image in AjaxLoadingPanel is not showing up in the page. PFB the code below.
<asp:Panel ID="LoadingBarPanel" runat="server" Height="20px" Width="80px">
<rad:AjaxLoadingPanel ID="AjaxLoadingPanel1" InitialDelayTime="0" MinDisplayTime="20" runat="server" Height="15px" IsSticky="True"
Transparency="0" Width="75px">
<asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/loading4.gif" />
</rad:AjaxLoadingPanel>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" width="100%">
<rad:radajaxpanel id="RadAjaxPanel1" runat="server" width="100%"
horizontalalign="NotSet" loadingpanelid="AjaxLoadingPanel1" scrollbars="None">
<!-- RAD Grid Code and other code Here -->
</asp:Panel>
I expect the image in Panel1 to be shown when I do any operation in Panel 2. But that does not happen. Any suggestions are most welcome. Thanks.
I am using RADAjaxClassic Version. I am trying to use RAD AjaxLoadingPanel. But the image in AjaxLoadingPanel is not showing up in the page. PFB the code below.
<asp:Panel ID="LoadingBarPanel" runat="server" Height="20px" Width="80px">
<rad:AjaxLoadingPanel ID="AjaxLoadingPanel1" InitialDelayTime="0" MinDisplayTime="20" runat="server" Height="15px" IsSticky="True"
Transparency="0" Width="75px">
<asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/loading4.gif" />
</rad:AjaxLoadingPanel>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" width="100%">
<rad:radajaxpanel id="RadAjaxPanel1" runat="server" width="100%"
horizontalalign="NotSet" loadingpanelid="AjaxLoadingPanel1" scrollbars="None">
<!-- RAD Grid Code and other code Here -->
</asp:Panel>
I expect the image in Panel1 to be shown when I do any operation in Panel 2. But that does not happen. Any suggestions are most welcome. Thanks.
1 Answer, 1 is accepted
0
Hello Das,
Your example works on my side. Please make sure that the Image URL is valid. In addition, make sure that the AJAX request occurs as expected.
Here is my test page:
Sincerely yours,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Your example works on my side. Please make sure that the Image URL is valid. In addition, make sure that the AJAX request occurs as expected.
Here is my test page:
| <%@ Page Language="C#" %> |
| <%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %> |
| <!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"> |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| <title>RadControls for ASP.NET</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:Panel ID="LoadingBarPanel" runat="server" Height="20px" Width="80px"> |
| <rad:AjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" MinDisplayTime="200" Height="15px" IsSticky="True" |
| Transparency="0" Width="75px"> |
| <asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="..................." /> |
| </rad:AjaxLoadingPanel> |
| </asp:Panel> |
| <asp:Panel ID="Panel2" runat="server" width="100%"> |
| <rad:RadAjaxPanel id="RadAjaxPanel1" runat="server" LoadingPanelID="AjaxLoadingPanel1"> |
| RadAjaxPanel content |
| <br /><br /> |
| <asp:Button ID="Button1" runat="server" Text="AJAX request" /> |
| </rad:RadAjaxPanel> |
| </asp:Panel> |
| </form> |
| </body> |
| </html> |
Sincerely yours,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.