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

AjaxLoadingPanel Problem

1 Answer 18 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Mahmoud
Top achievements
Rank 1
Mahmoud asked on 13 Oct 2010, 04:12 PM
I want my loading panel to occupy the whole screen in transparency style..I am adding controls to the ajaxmanager programmaticaly ..My loading panel never do that (whole screen in transparency) ..it is do only thing..Whole screen or transparency ..I do not know exactly where is the error...Hope some one help me

This is my Cs code

uxRadAjaxManager.AjaxSettings.AddAjaxSetting(Panel1, Panel1, RadAjaxLoadingPanel1);
uxRadAjaxManager.AjaxSettings.AddAjaxSetting(Button1, Panel1, RadAjaxLoadingPanel1);
Is there specific order to add controls to the ajaxmanager ?


This is my aspx code


 <telerik:RadCodeBlock>
 <script type="text/javascript">
     function adjustLoadingPanelHeight() {
         $get("<%= RadAjaxLoadingPanel1.ClientID %>").style.height = document.documentElement.scrollHeight + "px";
         var loadingImage = document.getElementById('<%= RadAjaxLoadingPanel1.FindControl("Image1").ClientID %>');
         loadingImage.style.position = "relative";
         loadingImage.style.top = (parseInt(document.documentElement.clientHeight) / 2) - 50 + "px";
         loadingImage.style.right = (parseInt(document.documentElement.clientWidth) / 2) - 50 + "px";
     }

  </script>
 </telerik:RadCodeBlock>
 



<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>    

<rad:RadAjaxManager ID="uxRadAjaxManager" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
ClientEvents-OnRequestStart="adjustLoadingPanelHeight();" />



<rad:AjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  transparency="30" backcolor="#E0E0E0" IsSticky="true" style="position:absolute;top:0;left:0" Width="100%" Height="100%">
    <div>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Utilities/Images/loading1.gif" AlternateText="loading" />
    </div>
    </rad:AjaxLoadingPanel>

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 14 Oct 2010, 11:27 AM
Hi Mahmoud,

Please refer to:

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

Greetings,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Ajax
Asked by
Mahmoud
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or