Loading Panel Position

5 posts, 0 answers
  1. Waleed Seada
    Waleed Seada avatar
    241 posts
    Member since:
    May 2006

    Posted 01 Dec 2009 Link to this post

    Dear All,

    I have three different panes in my masterpage layout, in the first pane I have panelbar that load different UserControls inside asp:panel inside the second pane, I have ajaxify this scenario using RadAjax manager.

    The Issue is that the loading panel always appear on the upper left corner to the second pane no matter what I do and it doesn't cover the whole pane area.

    what is the solution to this case !!

    Best regards
    Waleed
  2. Johny
    Johny avatar
    80 posts
    Member since:
    Aug 2008

    Posted 02 Dec 2009 Link to this post

    Hi Waleed,

    I think that you can find the following link helpful:

    http://www.telerik.com/help/aspnet-ajax/ajxloadingpanel.html

    I hope this helps,
    Johny
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Dec 2009 Link to this post

    Hello Waleed,

    You can also refer to the following online documents to position the loading panel explicitly:
    Show the loading panel next to AJAX initiator
    Center LoadingPanel on the Screen

    -Princy.
  5. Waleed Seada
    Waleed Seada avatar
    241 posts
    Member since:
    May 2006

    Posted 02 Dec 2009 Link to this post

    Hello Guys,

    I already went through most of these examples, I just can't find a similar example and I can't figure out what is the issue.

    Scenario:
    Basically I ajaxify the loaded UC at runtime.
    The Panelbar on the left loads UC to an ASP:Panel to the right, then I add the ajax settings for the loaded control.
    In this process I have the loadingpanel which is not displayed as I need and not covering the area where it is loaded.

    It is similar to an example of telerik (load user controls) but the example is using the RadAjaxPanel instead.

    This is the aspx. radpanel:
    <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" IsSticky="true" style="position:absolute;" BackgroundPosition="Left" > 
    <img alt="" src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading5.gif") %>' /> 
    </telerik:RadAjaxLoadingPanel> 
     

    in the code behind I add this ajax settings in the page_load
    if (CurrentControl != string.Empty)  
        {  
            LoadUserControl(CurrentControl, MainPanel);  
        }  
        RadManager.AjaxSettings.AddAjaxSetting(NavPanel, MainPanel, LoadingPanel1); 

    The BackgroundPosition  attribute doesn't have any effect on the loaded image

    I hope this would be clear.

    Regards & Thanks in advance
    Waleed
  6. Waleed Seada
    Waleed Seada avatar
    241 posts
    Member since:
    May 2006

    Posted 21 Dec 2009 Link to this post

    Dear All,

    Thanks I manage to get it to work as excepted.
    I have to add the top, left, width & height attribute in the style as well.

    Best regards to all
    Waleed

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017