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

RadAjaxLoadingPanel does not work

2 Answers 100 Views

Ajax

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

Denis Kupriyanov asked on 24 Jan 2011, 12:08 PM

Hi, I've started to try RadAjaxLoadingPanel, but it does work. I use MS Visual Studio 2010.
Loading pannel does nothing when I click button.

The Code I have tried is:

TesU.aspx

<%@ Page Language="c#" CodeBehind="TesU.aspx.cs" Inherits="ASOI.TesU" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head id="Head3" runat="server">
    <style type="text/css">
        .module1
        {
            background-color: #dff3ff;
            border: 1px solid #c6e1f2;
        }
    </style>
</head>
<body class="BODY">
    <form runat="server" id="Form2" method="post">

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

      <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" IsSticky="false"
            EnableViewState="true" Enabled="true" MinDisplayTime="2000">
            <img id="imgLoader" src="Images/loading.gif" />
        </telerik:RadAjaxLoadingPanel>

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Buttton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>


    <fieldset class="module1">
        <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px">

        </asp:Panel>
    </fieldset>

      <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"
                Style="margin-top: 15px; margin-left: 15px" />
    </form>
</body>
</html>

TesU.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace ASOI
{
   public partial class TesU : System.Web.UI.Page
   {
       protected void Page_Load(object sender, EventArgs e)
       {

       }

       protected void Button1_Click(object sender, EventArgs e)
       {

           System.Threading.Thread.Sleep(2000);
       }
   }
}

Could anybody tell me, please, what I do wrong?

2 Answers, 1 is accepted

answered on 24 Jan 2011, 05:36 PM

LoadingPanel.zip

Hello Denis,

Please verify that you are pointing to the correct existing image into the Image folder. Find attached a small application which uses your code and works as expected.

All the best,
Maria Ilieva
the Telerik team

Browse the vast support resources we have to jump start 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.