New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

RadWindowManager Client-side API

  • Demo Configurator
Methods openning RadWidnowManager dialogs
Methods affecting all managed RadWindows
Methods affecting the active RadWindow

In Telerik UI for ASP.NET AJAX, the RadWindowManager is not mandatory to be present on the page in order to show a RadWindow. Using the RadWindowManager however, is still a convenient way to declare common properties for all RadWindow that will be created with it or are already declared in its Windows collection.

On the client-side, the RadWindowManager takes care of:

  • creating and opening new windows
  • taking care of the radalert, radconfirm and radprompt dialogs - you must have a RadWindowManager control on your page in order to show these dialogs.
  • providing a reference to a RadWindow
  • group functions to allow RadWindows' manipulating at once (for example - minimizing, restoring or maximizing all RadWindows on the page)
  • DefaultCS.aspx
  • scripts.js
  • styles.css
<%@ Page Language="C#"  %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div id="offsetElement" class="demo-container size-medium"></div>
    <telerik:RadWindowManager RenderMode="Lightweight" runat="server" OffsetElementID="offsetElement" ID="RadWindowManager1" EnableShadow="true" ShowOnTopWhenMaximized="false">
        <Windows>
            <telerik:RadWindow RenderMode="Lightweight" ID="test1" NavigateUrl="../../TestPage/about.html" VisibleOnPageLoad="true" Width="390" Top="30" OnClientShow="showWindow" Left="100" runat="server" />
            <telerik:RadWindow RenderMode="Lightweight" ID="test2" NavigateUrl="../../TestPage/about.html" VisibleOnPageLoad="true" Width="390" Top="70" OnClientShow="showWindow" Left="160" runat="server" />
        </Windows>
    </telerik:RadWindowManager>
    <script src="scripts.js" type="text/javascript"></script>
    <qsf:ConfiguratorPanel runat="server">
        <Views>
            <qsf:View>
                <qsf:ConfiguratorColumn runat="server" Size="Narrow" Title="Methods openning RadWidnowManager dialogs">
                    <ul class="fb-group">
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="OpenWindow" Text="Open with radopen"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="OpenAlert" Text="Open radalert"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="OpenPrompt" Text="Open radprompt"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="OpenConfirm" Text="Open radconfirm"></qsf:Button>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
                <qsf:ConfiguratorColumn runat="server" Size="Narrow" Title="Methods affecting all managed RadWindows">
                    <ul class="fb-group">
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="cascade" Text="Cascade"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="restoreAll" Text="Restore All"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="minimizeAll" Text="Minimize All"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="maximizeAll" Text="Maximize All"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="closeAll" Text="Close All"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="showAll" Text="Show All"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="tile" Text="Tile"></qsf:Button>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
                <qsf:ConfiguratorColumn runat="server" Size="Narrow" Title="Methods affecting the active RadWindow">
                    <ul class="fb-group">
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="minimizeActiveWindow" Text="Minimize Active Window"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="restoreActiveWindow" Text="Restore Active Window"></qsf:Button>
                        </li>
                        <li>
                            <qsf:Button Width="200px" AutoPostBack="false" runat="server" OnClientClicked="controlWindowButtons" Value="closeActiveWindow" Text="Close Active Window"></qsf:Button>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance