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

Menu / Keyboard Support


  • Keyboard navigation:
    • Click on the menu to focus it. Alternatively, you can use the Tab key to cycle the links on the page until the menu is focused.
    • Press "Alt + [AccessKey]" ("Shift + Alt + [AccessKey]" for Firefox) to activate an item. For example "Alt + F" would activate the  "File"  item
    • Pressing the "Tab" key will navigate forward amongst items. "Shift + Tab" will navigate backwards. You can also use the arrow keys.
    • Press Esc to close opened groups.
    • Press Enter to navigate.

Source Code

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

    <%@ 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"></qsf:HeadTag>
    </head>
    <body class="BODY">
        <form id="mainForm" method="post" runat="server">
            <telerik:RadScriptManager ID="ScriptManager" runat="server" />
            <qsf:Header ID="Header1" runat="server" NavigationLanguage="C#" XhtmlCompliant="False">
            </qsf:Header>
            <telerik:RadMenu ID="RadMenu1" runat="server" Width="568px" style="margin-bottom:50px"
                 EnableRoundedCorners="true" EnableShadows="true">
                <Items>
                    <telerik:RadMenuItem Text="File" AccessKey="F">
                        <Items>
                            <telerik:RadMenuItem Text="New Tab" AccessKey="T" />
                            <telerik:RadMenuItem Text="Duplicate Tab" AccessKey="B" />
                            <telerik:RadMenuItem Text="New Window" AccessKey="N" />
                            <telerik:RadMenuItem Text="New Session" AccessKey="I" />
                            <telerik:RadMenuItem Text="Open" AccessKey="O" />
                            <telerik:RadMenuItem Text="Save" AccessKey="S" />
                            <telerik:RadMenuItem Text="Save As..." AccessKey="A" />
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Page Setup..." AccessKey="U" />
                            <telerik:RadMenuItem Text="Print..." AccessKey="P" />
                            <telerik:RadMenuItem Text="Print Preview..." AccessKey="V" />
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Properties" AccessKey="R" />
                            <telerik:RadMenuItem Text="Work Offline" AccessKey="W" />
                            <telerik:RadMenuItem Text="Exit" AccessKey="X" />
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Edit" AccessKey="E">
                        <Items>
                            <telerik:RadMenuItem Text="Cut" AccessKey="T" />
                            <telerik:RadMenuItem Text="Copy" AccessKey="C" />
                            <telerik:RadMenuItem Text="Paste" AccessKey="P" />
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Select All" AccessKey="A" />
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Find On This Page" AccessKey="F" />
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="View" AccessKey="V">
                        <Items>
                            <telerik:RadMenuItem Text="Toolbars" AccessKey="T"/>
                            <telerik:RadMenuItem Text="Quick Tabs" AccessKey="Q"/>
                            <telerik:RadMenuItem Text="Explorer Bars" AccessKey="E"/>
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Go To" AccessKey="G"/>
                            <telerik:RadMenuItem Text="Stop" AccessKey="P"/>
                            <telerik:RadMenuItem Text="Refresh" AccessKey="R"/>
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Zoom" AccessKey="Z"/>
                            <telerik:RadMenuItem Text="Text Size" AccessKey="X"/>
                            <telerik:RadMenuItem Text="Encoding" AccessKey="D"/>
                            <telerik:RadMenuItem Text="Style" AccessKey="Y"/>
                            <telerik:RadMenuItem Text="Caret Browsing" AccessKey="B"/>
                            <telerik:RadMenuItem IsSeparator="true" />
                            <telerik:RadMenuItem Text="Source" AccessKey="C" />
                            <telerik:RadMenuItem Text="Security Report" AccessKey="S"/>
                            <telerik:RadMenuItem Text="International Website Address" AccessKey="I"/>
                            <telerik:RadMenuItem Text="Webpage Privacy Policy" AccessKey="V"/>
                            <telerik:RadMenuItem Text="Full Screen" AccessKey="F"/>
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
            
            <qsf:Footer ID="Footer1" runat="server"></qsf:Footer>
        </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