Ajax Loading Panel and Content Page

2 posts, 0 answers
  1. Darrin
    Darrin avatar
    3 posts
    Member since:
    Nov 2015

    Posted 23 Jun Link to this post

    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>

  2. Eyup
    Admin
    Eyup avatar
    3015 posts

    Posted 28 Jun Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top