RadLoadingPanel on MasterPage won't get visible

2 posts, 0 answers
  1. Larevenge
    Larevenge avatar
    38 posts
    Member since:
    Jul 2009

    Posted 09 Dec 2009 Link to this post

    I have a problem with the visualising of my RadLoadingPanel which i add to the MasterPage. According to a thread i found earlier on this forum i found a perfect example how to get it working in a MasterPage. This worked out well and the RadLoadingPanel was working properly, however after i was finishing up the project i found out it didn't work anymore. Strangest thing was i didnt change anything on the MasterPage. I thought my code is implemented well but i may have made a mistake. I also have the following warning in visual studio 2008:

    Warning    4    Error updating JScript IntelliSense: Telerik.Web.UI.Common.jQuery.js:Telerik.Web.UI: Deze eigenschap of methode wordt niet ondersteund door dit object @ 640:0    C:\Prj 2009_2\Vegas\VEGAS\App_Master\default\default_simple.Master    1    1    VEGAS

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="default_simple.Master.cs" 
        Inherits="VEGAS.App_Master.def.defaultSimple" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <%@ Register Src="../../ucRoot/ucTitle.ascx" TagName="ucTitle" TagPrefix="uc1" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
    <head id="Head1" runat="server"
        <title>VEGAS - Database Applikatie - sl</title> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     
        <script language="javascript" type="text/javascript" src="JavaScripts/hide_and_slide.js"></script> 
     
        <script language="javascript" type="text/javascript" src="JavaScripts/functions.js"></script> 
     
        <script type="text/javascript"
     
            function conditionalPostback(e, sender) { 
     
                var re = new RegExp("\.btnUpload$", "ig"); 
     
                if (sender.EventTarget.match(re)) { 
                    sender.EnableAjax = false
                } 
     
            } 
        </script> 
     
        <asp:ContentPlaceHolder ID="head" runat="server"
        </asp:ContentPlaceHolder> 
    </head> 
     
    <script type="text/javascript"
     
        function doBlink() { 
            // Blink, Blink, Blink... 
            var blink = document.all.tags("BLINK") 
            for (var i = 0; i < blink.length; i++) 
                blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
        } 
     
        function startBlink() { 
            // Make sure it is IE4 
            if (document.all) 
                setInterval("doBlink()", 1000) 
        } 
        window.onload = startBlink
     
        function onBlur() { 
            document.body.className = 'blurred'
            //document.body.focus(); 
        }; 
     
        function onFocus() { 
            document.body.className = 'focused'
        }; 
     
        if (/*@cc_on!@*/false) { // check for Internet Explorer 
            document.onfocusin = onFocus
            document.onfocusout = onBlur
        } else { 
            window.onfocus = onFocus
            window.onblur = onBlur
        } 
    </script> 
     
    <body id="MainBody_full"
        <form id="form1" runat="server"
        <asp:ScriptManager ID="RadScriptManager1" runat="server"
            <Scripts> 
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> 
                <asp:ScriptReference IgnoreScriptPath="True" Path="~\JScript.js" /> 
            </Scripts> 
        </asp:ScriptManager> 
     
        <script type="text/javascript"
            function requestStarted(sender, eventArgs) { 
                if (eventArgs.EventTarget.indexOf("btnUpload") != -1) { 
                    eventArgs.set_enableAjax(false); 
                } 
                if (eventArgs.EventTarget.indexOf("btnTTT333TTT") != -1) { 
                    eventArgs.set_enableAjax(false); 
                } 
            } 
            function adjustLoadingPanelHeight() { 
                $get("<%= RadAjaxLoadingPanel1.ClientID %>").style.height = document.documentElement.scrollHeight + "px"; 
            } 
         
        </script> 
     
        <div id="ParentDivElement" style="height: 100%;"
            <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" 
                Orientation="Horizontal" VisibleDuringInit="false"
                <telerik:RadPane ID="TopPane" runat="server" Height="81" Scrolling="none"
                    <div id="nav"
                        <asp:ContentPlaceHolder ID="cphNav" runat="server"
                        </asp:ContentPlaceHolder> 
                    </div> 
                    <div class="header"
                        <div class="searchf"
                            <asp:ContentPlaceHolder ID="cphHeader" runat="server"
                            </asp:ContentPlaceHolder> 
                        </div> 
                        <div class="leftside"
                            <uc1:ucTitle ID="ucTitle1" runat="server" /> 
                            <asp:ContentPlaceHolder ID="cphPageTitle" runat="server"
                            </asp:ContentPlaceHolder> 
                        </div> 
                    </div> 
                </telerik:RadPane> 
                <telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500"
                    <telerik:RadSplitter ID="NestedSplitter" runat="server" LiveResize="true" VisibleDuringInit="false"
                        <telerik:RadPane ID="LeftPane" Scrolling="none" runat="server" Width="225"
                            <!-- Left Pane --> 
                            <div id="leftpane_content" style="height: 100%;"
                                <asp:ContentPlaceHolder ID="cphLeft" runat="server"
                                </asp:ContentPlaceHolder> 
                            </div> 
                            <!-- Left Pane --> 
                        </telerik:RadPane> 
                        <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" /> 
                        <telerik:RadPane ID="MainContentPane" runat="server" Scrolling="None"
                            <telerik:RadSplitter ID="FooterSplitter" runat="server" Orientation="Horizontal"
                                <telerik:RadPane ID="ContentPane" Locked="false" runat="server" CssClass="ApplyPosition" 
                                    Scrolling="both"
                                    <!-- Content --> 
                                    <div class="main_content"
                                        <div class="content"
                                            <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" ClientEvents-OnRequestStart="requestStarted"
                                                <asp:ContentPlaceHolder ID="cphMain" runat="server"
                                                </asp:ContentPlaceHolder> 
                                            </telerik:RadAjaxPanel> 
                                        </div> 
                                    </div> 
                                    <!-- Content --> 
                                </telerik:RadPane> 
                                <telerik:RadSplitBar ID="FooterSplitBar" runat="server" CollapseMode="Backward" /> 
                                <telerik:RadPane ID="FooterPane" Scrolling="none" MinHeight="150" MaxHeight="150" 
                                    Locked="false" runat="server" Height="150" BackColor="#FFDEAB"
                                    <div id="bottomb"
                                        <asp:ContentPlaceHolder ID="cphSiteMap" runat="server"
                                        </asp:ContentPlaceHolder> 
                                    </div> 
                                </telerik:RadPane> 
                            </telerik:RadSplitter> 
                        </telerik:RadPane> 
                    </telerik:RadSplitter> 
                </telerik:RadPane> 
                 
            </telerik:RadSplitter> 
        </div> 
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Sunset"
        </telerik:RadSkinManager> 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" 
            ClientEvents-OnRequestStart="adjustLoadingPanelHeight();" /> 
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server"
            <Windows> 
                <telerik:RadWindow ID="helpWindow" Title="Helppagina" Modal="false" runat="server" 
                    VisibleStatusbar="false" ReloadOnShow="true" Width="750" Height="540" DestroyOnClose="false"
                </telerik:RadWindow> 
                <telerik:RadWindow ID="contactWindow" Title="Helppagina" Modal="false" runat="server" 
                    VisibleStatusbar="false" ReloadOnShow="true" Width="750" Height="540" DestroyOnClose="false"
                </telerik:RadWindow> 
            </Windows> 
        </telerik:RadWindowManager> 
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"
        </telerik:RadStyleSheetManager> 
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="70" 
            BackColor="Red" IsSticky="true"  
            Style="position: absolute; top: 0; left: 0" Width="100%" 
            Height="100%" /> 
        </form> 
    </body> 
    </html> 
     

    Anyone who knows or sees what im doing wrong?


  2. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 14 Dec 2009 Link to this post

    Hello Larevenge,

    I assume that with the presiding code you want to show the loading panel over the whole. If this is the case, you can try modifying your RadAjaxLoadingPanel as below and remove the OnRequestStart event handler at all:

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007"
       IsSticky="true" style="position:absolute; top:0; left:0; height:100%; width:100%">
    </telerik:RadAjaxLoadingPanel>

    Check it out and let me know if this works for you or I missed something from your logic out. 


    Regards,
    Iana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top