RadAjaxPanel with .Net control

2 posts, 1 answers
  1. Faraji
    Faraji avatar
    1 posts
    Member since:
    Sep 2011

    Posted 15 Dec 2011 Link to this post

    So I know there are many demos for this but for some reason it's not working for me. A very simple demo like this will help me out greatly.
    I want the loading panel to show the following event as it happens.

    <rad:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>       
                <rad:AjaxSetting AjaxControlID="btnSavePhoto">
                    <UpdatedControls>
                        <rad:AjaxUpdatedControl ControlID="pnlLoad" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </rad:AjaxSetting>            
            </AjaxSettings>       
    </rad:RadAjaxManager>
     
    <rad:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Hay" runat="server"></rad:RadAjaxLoadingPanel>
     
     
    <asp:Panel ID="pnlLoad" Visible="false" runat="server">
    Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
    Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
    Lalalalala Lalalalalal Lalalalalal Lalalalalal Lalalalalal Lalalalalal<br />
    </asp:Panel>
     
    <rad:RadButton ID="btnSavePhoto" runat="server" Skin="Office2007" OnClick="btnSubmit_Click" Text="Click Me"></rad:RadButton>

    I just want the loading panel to display over pnlLoad while it becomes visible. Here's the code behind (again very simple):

    protected void btnSubmit_Click(object sender, EventArgs e)
       {
           pnlLoad.Visible = true;
       }

    Yea this doesn't work for me. Some assistance would be greatly appreciated. Thanks.
  2. Answer
    Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 16 Dec 2011 Link to this post

    Hello Faraji,

    Since the Panel isn't visible when the page loads, the RadAjaxLoadingPanel doesn't have any control it can use to overlay the image on. You would think they would use the UpdatePanel it wraps the controls in, but apparently they don't. The only way to solve this is by wrapping the Panel in another Panel that is set to a certain height and set that Panel as the updated control.

    I hope that helps.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top