Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Window / Accessibility


  • The interface of RadWindow for ASP.NET AJAX is level A accessible (in compliance with the W3C Web Accessibility Guidelines 2.0) as well as Section 508 compliant.

    RadWindow passes the check of the WAVE automated content compliance tool for Section 508 and WCAG 2.0 - Compliance Level A.

    Keyboard support

    The RadWindow supports now keyboard shortcuts for its commands. Shortcuts can be used as an accessibility feature, or to make the work of the user more convenient. Shortcuts can be used to switch between active windows, to maximize or close the current active window, and other tasks.

    This test demo has the following shortcuts specififed for demonstration purposes:
    RadWindowManager:
    RestoreAll Shortcut - Alt+F3
    Tile Shortcut - Alt+F6
    CloseAll Shortcut - Esc

    RadWindow with NavigateUrl="http://www.telerik.com":
    Maximize Shortcut - Ctrl+F2
    Restore Shortcut - Ctrl+F3

    RadWindow with ContentTemplate set:
    Maximize Shortcut - Ctrl+F6
    Minimize Shortcut - Ctrl+F7

    Shortcuts can be specified in the markup as shown in the demo or on the srever e.g as shown below:

    RadWindow1.Shortcuts.Add("Close", "Esc");
    or
    RadWindow1.Shortcuts.Add(new Telerik.Web.UI.WindowShortcut("Close", "Esc");

    The command names are not case-sensitive and if such a command exists, it will be fired for the currently active RadWindow or for all windows in a manager if this the case.

Source Code

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

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!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">
        <qsf:HeadTag ID="Headtag1" runat="server" />
    </head>
    <body class="BODY">
        <form id="form1" method="post" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" ShowSkinChooser="false" />
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        
        <script type="text/javascript">
               //<![CDATA[
            function pageLoad() {
                var activeWnd = $find("<%=RadWindow1.ClientID %>");
                if (activeWnd && activeWnd.isVisible()) {
                    setTimeout(function () {
                        activeWnd.setActive(true);
                    }, 300);
                }
            }
                //]]>
        
        </script>
        <div style="height: 400px; width: 670px; float: left;">
        </div>
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
            <Shortcuts>
                <telerik:WindowShortcut CommandName="RestoreAll" Shortcut="Alt+F3" />
                <telerik:WindowShortcut CommandName="Tile" Shortcut="Alt+F6" />
                <telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />
            </Shortcuts>
            <Windows>
                <telerik:RadWindow ID="RadWindow2" runat="server" Width="320" VisibleOnPageLoad="true"
                    Left="900" Top="250">
                    <ContentTemplate>
                        <h2>
                            &nbsp;RadWindow with ContentTemplate set!</h2>
    <asp:Image ID="img" runat="server" Style="width: 220px; height: 46px; top: 50%; left: 50%;
    position: absolute; margin-left: -110px; margin-top: -23px;" ImageUrl="~/Window/TestPage/TestPageResources/RadWindow.gif"
    alt="" />
                    </ContentTemplate>
                    <Shortcuts>
                        <telerik:WindowShortcut CommandName="Maximize" Shortcut="Ctrl+F6" />
                        <telerik:WindowShortcut CommandName="Minimize" Shortcut="Ctrl+F7" />
                    </Shortcuts>
                </telerik:RadWindow>
                <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Width="320"
                    Left="550" Top="250" NavigateUrl="http://www.telerik.com">
                    <Shortcuts>
                        <telerik:WindowShortcut CommandName="Maximize" Shortcut="Ctrl+F2" />
                        <telerik:WindowShortcut CommandName="Restore" Shortcut="Ctrl+F3" />
                    </Shortcuts>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        <qsf:Footer runat="server" ID="Footer1" ShowCodeViewer="true" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451