RadWindow loading message/image

[Clive Hoggar]

Hi

I have a number of rad windows in the page which pull a page from a related external site with video
content. Instead of a blank window waiting for the external page, I would prefer a text message or a default
loading panel as for radAjaxPanel for example, but I can't see how to make this work.

I have seen reference in posts to a default loading panel but see no property of the window that relates to that.

Help would be appreciated!   (Using Q2 2010 and asp.net 4.0 on this site)

Thanks

Clive

My current window is 

<telerik:RadWindow ID="RadWindowVid" runat="server" OpenerElementID="div495" Width="560px"

        Height="420px" NavigateUrl="http://www.caravanfinder.co.uk/video/dealers/2012/couplandscaravans/cameo_495.html"

        Animation="Fade" Behaviors="Close" VisibleStatusbar="False" Title="Bessacarr Cameo 495"

        Skin="WebBlue" OnClientClose="OnClientClose">
</telerik:RadWindow>



[Princy]

Hi Clive Hoggar,

Following is the sample code that I tried to achieve your scenario.

ASPX:

<div id="loading" style=" width: 100px; height: 50px; display: none; text-align: center; margin: auto;">
    loading...
</div>
<asp:Button ID="RadButton1" runat="server" Text="RadButton1" OnClientClick="openRadWnd(); return false;" />
<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
   <Windows>
      <telerik:RadWindow ID="RadWindow1" runat="server" NavigateUrl="http://converter.telerik.com" ShowContentDuringLoad="false" OnClientShow="OnClientShow" OnClientPageLoad="OnClientPageLoad">
      </telerik:RadWindow>
   </Windows>
</telerik:RadWindowManager>

JS:

<script type="text/javascript">
    var loadingSign = null;
    var contentCell = null;
    function openRadWnd() {
        $find("<%=RadWindow1.ClientID %>").show();
    }
    function OnClientShow(sender, args) {
        loadingSign = $get("loading");
        contentCell = sender._contentCell;
        if (contentCell && loadingSign) {
            contentCell.appendChild(loadingSign);
            contentCell.style.verticalAlign = "middle";
            loadingSign.style.display = "";
        }
    }
    function OnClientPageLoad(sender, args) {
        if (contentCell && loadingSign) {
            contentCell.removeChild(loadingSign);
            contentCell.style.verticalAlign = "";
            loadingSign.style.display = "none";
        }
    }
</script>

Note: Please make sure that you have set ShowContentDuringLoad property of the RadWindow to false. 

Hope this helps.

Thanks,
Princy.