Window - RadWindowManager Client-side API

Demo Configurator

Methods openning RadWidnowManager dialogs
  • Open with radopen
  • Open radalert
  • Open radprompt
  • Open radconfirm
Methods affecting all managed RadWindows
  • Cascade
  • Restore All
  • Minimize All
  • Maximize All
  • Close All
  • Show All
  • Tile
Methods affecting the active RadWindow
  • Minimize Active Window
  • Restore Active Window
  • Close Active Window
Isolate this demo as a stand-alone application

RadWindowManager

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)
<%@ Page Language="C#"  %>

<!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'>
<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 runat="server" OffsetElementID="offsetElement" ID="RadWindowManager1" EnableShadow="true" ShowOnTopWhenMaximized="false">
        <Windows>
            <telerik:RadWindow ID="test1" NavigateUrl="../../TestPage/about.html" VisibleOnPageLoad="true" Top="30" OnClientShow="showWindow" Left="100" runat="server" />
            <telerik:RadWindow ID="test2" NavigateUrl="../../TestPage/about.html" VisibleOnPageLoad="true" 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>

Find Assistance

Help Us Improve

Was this example helpful?