AjaxLoadingPanel Problem

2 posts, 0 answers
  1. Mahmoud
    Mahmoud avatar
    5 posts
    Member since:
    Sep 2010

    Posted 13 Oct 2010 Link to this post

    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>
  2. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 14 Oct 2010 Link to this post

    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
Back to Top