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>