RadWindow loading message/image

2 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    349 posts
    Member since:
    Nov 2008

    Posted 11 Jun 2012 Link to this post

    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"
            Animation="Fade" Behaviors="Close" VisibleStatusbar="False" Title="Bessacarr Cameo 495"
            Skin="WebBlue" OnClientClose="OnClientClose">
    </telerik:RadWindow>

  3. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 12 Jun 2012 Link to this post

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