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

RadLoadingPanel on MasterPage won't get visible

1 Answer 160 Views

Ajax

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

Larevenge asked on 09 Dec 2009, 03:35 PM

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?

1 Answer, 1 is accepted

answered on 14 Dec 2009, 01:30 PM

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.