Ajax Loading Panel and Content Page

[Darrin]

I have a master page in my project that has NO ajax associated with it at all.  I want to display a loading panel on a content page but can't seem to get this to work correctly.  the below code is what I'm trying to use.  I got this example online.  it works with a blank web page when I drop a script manager on it. I think the issue is that the script manager is on the master page not the content page.

 

any help would be appreciated

 

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="WebForm1.aspx.vb" Inherits="MySite.WebForm1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<style type="text/css">

.MyAjaxLoadingPanel
{
background:#fff url(images/InProcessWithText.gif) center center no-repeat;
}

</style>

<telerik:RadAjaxLoadingPanel
ID="RadAjaxLoadingPanel1"
runat="server"
CssClass="MyAjaxLoadingPanel"
Transparency="10" Skin="Default" />

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

<h1>Center Image in a RadAjaxLoadingPanel Using Background</h1>

<p>This is the recommended and easier way to center an image inside a RadAjaxLoadingPanel.</p>

<p>
<asp:Button
ID="Button1"
runat="server"
Text="Make an Ajax request"
OnClick="Button1_Click" />
</p>

<asp:Panel
ID="Panel1"
runat="server"
Width="700px"
Height="400px"
BorderColor="#666"
BorderWidth="1px">
    <br />
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <br />
    <br />
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    <br />
    <br />
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</asp:Panel>
    </asp:Content>

[Eyup]

Hi Darrin,

I've already sent you a runnable sample in your ticket with ID: 1045516. I suggest that we continue our conversation on the mentioned thread.

Regards,
Eyup
Telerik