Window

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

Window - User Interactions (Close, Resize, etc.)

Set RadWindow's Behaviors:

 
Set specific behaviors





Using the Behaviors property of RadWindow

NEW: The RadWindow now supports LiveResize - if you resize/drag it, you will see that the IFRAME element is not being hidden while performing these operations. This functionality is turned on out of the box and it is not needed to put a special setting to enable it. This solves not only visual appearance problems but also funcionality ones, e.g restarting videos under FF, etc.

You can use the Behaviors property in our ASP.NET Modal Window to determine how the user can interact with the RadWindow object. Below are the Behaviors' enum values: 

  • Default - Default object behavior.
  • None - The user can perform none of the actions on the window. 
  • Resize - The user can resize the window by dragging its border. 
  • Minimize - The window can be minimized, and has a minimize button on the title bar.
  • Close - The user can close the window using a title bar button.
  • Pin - The window can be pinned, and has a pin button on the title bar.
  • Maximize - The window can be maximized, and has a maximize button on the title bar.
  • Move - The user can click on the window title bar and drag it to a new location.
  • Reload - The user can reload the window contents using a title bar button.

As an enum, Behaviors allows you to combine multiple values and easily achieve the desired result. You can set the enum on the client or in the server:

Examples:

ASPX
<telerik:RadWindow 
 ID
="RadWindow1" 
 runat
="server" 
 Behaviors
="Move, Close">
</telerik:RadWindow>

C#
RadWindow1.Behaviors = Telerik.Web.UI.WindowBehaviors.Move | Telerik.Web.UI.WindowBehaviors.Close

VB.NET
RadWindow1.Behaviors = Telerik.Web.UI.WindowBehaviors.Move Or Telerik.Web.UI.WindowBehaviors.Close

JavaScript
oWnd.set_behaviors( Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close );

C# VB
Show code in new window Demo isolation steps
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Window.Behaviors.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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>Setting ASP.NET Modal Window's Behaviors for different user interactions</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
     <asp:UpdatePanel ID="UpdatePanel1" runat="server">
          <ContentTemplate>
               <div id="RestrictionZoneID" style="width: 500px; height: 400px; float: left;">
               </div>
               <div style="float: left">
                    <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Height="400" Width="250" Title="Set RadWindow's Behaviors:"
                         Expanded="true">
                         <asp:RadioButtonList ID="BehaviorsRadioList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="BehaviorsRadioList_SelectedIndexChanged">
                              <asp:ListItem Text="None" Value="None">
                              </asp:ListItem>
                              <asp:ListItem Text="Default (all on)" Value="Default">
                              </asp:ListItem>
                         </asp:RadioButtonList>
                         <div>
                              &nbsp;
                         </div>
                         <asp:Label ID="behaviorsLabel" runat="server">Set specific behaviors</asp:Label>
                         <asp:CheckBoxList ID="BehaviorsCheckBoxList" runat="server" OnSelectedIndexChanged="BehaviorsCheckBoxList_SelectedIndexChanged"
                              AutoPostBack="True">
                              <asp:ListItem Text="Minimize" Value="Minimize">
                              </asp:ListItem>
                              <asp:ListItem Text="Close" Value="Close">
                              </asp:ListItem>
                              <asp:ListItem Text="Pin" Value="Pin">
                              </asp:ListItem>
                              <asp:ListItem Text="Maximize" Value="Maximize">
                              </asp:ListItem>
                              <asp:ListItem Text="Move" Value="Move">
                              </asp:ListItem>
                              <asp:ListItem Text="Resize" Value="Resize">
                              </asp:ListItem>
                              <asp:ListItem Text="Reload" Value="Reload">
                              </asp:ListItem>
                         </asp:CheckBoxList>
                    </qsf:ConfiguratorPanel>
               </div>
               <telerik:RadWindow ID="RadWindow1" runat="server" Width="350" Height="350" RestrictionZoneID="RestrictionZoneID"
                    Behaviors="Default" VisibleOnPageLoad="true" NavigateUrl="http://www.kendoui.com"
                    EnableShadow="true">
               </telerik:RadWindow>
          </ContentTemplate>
     </asp:UpdatePanel>
    </form>
</body>
</html>
Telerik UI for ASP.NET AJAX Q3'14 Release is here