LoadingPanel on Page_Load

2 posts, 0 answers
  1. Jason
    Jason avatar
    9 posts
    Member since:
    Nov 2008

    Posted 20 May 2009 Link to this post


    I have adapted some code previously posted on this forum to display a RadAjaxLoadinPanel when an image is being retrieved from the server and displayed to the user. 

        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" > 
                        <telerik:AjaxSetting AjaxControlID="ImageButton1">  
                                <telerik:AjaxUpdatedControl ControlID="ImageButton1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" 
                    Width="300px" IsSticky="false" EnableSkinTransparency="true" > 
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' 
                        style="border: 0px;" /> 
        <asp:ImageButton ID="ImageButton1" runat="server" Height="300px"   
                ImageUrl="~/hiresC6RNCassette.jpg" Width="300px" /> 


    However, I would like to be able to view the LoadingPanel when the page is first loaded (Page_Load event) as well as when a ajax postback occurs.

    Also, the image in the RadAjaxLoadingPanel sits at the top of my image that caused the post back.  Is there any way to get the loading image to be situated in the center (horizontally and vertically) of my ImageButton?

    Does anyone have any ideas how I might be able to get this code to behave how I would like it to?


    Many thanks,



  2. Pavlina
    Pavlina avatar
    6070 posts

    Posted 25 May 2009 Link to this post

    Hi Jason,

    Although RadAjaxLoadingPanel is designed to be shown on AJAX updates, someone would like to show it on initial page load as well. It is not supported out of the box, however it is easy achievable using some additional code.
    More information is available in the following help topic.
    Show RadAjaxLoadingPanel on initial page load

    Additionally,  how to change the position of the loading image you can learn from the following topic in the online help.

    Sincerely yours,

    the Telerik team


    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. DevCraft R3 2016 release webinar banner
Back to Top