This is a migrated thread and some comments may be shown as answers.

Loading Panel Position

4 Answers 129 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Waleed Seada
Top achievements
Rank 2
Waleed Seada asked on 01 Dec 2009, 09:52 PM
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

4 Answers, 1 is accepted

Sort by
0
Johny
Top achievements
Rank 1
answered on 02 Dec 2009, 08:03 AM
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
0
Princy
Top achievements
Rank 2
answered on 02 Dec 2009, 08:25 AM
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.
0
Waleed Seada
Top achievements
Rank 2
answered on 02 Dec 2009, 11:50 AM
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
0
Waleed Seada
Top achievements
Rank 2
answered on 21 Dec 2009, 10:53 AM

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

Tags
Ajax
Asked by
Waleed Seada
Top achievements
Rank 2
Answers by
Johny
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Waleed Seada
Top achievements
Rank 2
Share this question
or