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

WebForms Menu Overview

Home
Stores in Europe
Sofia

33 Alexander Malinov Blvd.

Sofia 1729

phone: +359–2–8099850

fax: +1–617–249–2116

sales@telerik.com

London

14 Austin Friars

London EC2N 2HE

phone: +4420-7382-4450

fax: +44-20-7382-4455

sales@telerik.com

Munich

Balanstrasse 73

Munich 81541 Munich

phone: +49–89–2441642–70

fax: +1–617–249–2116

sales@telerik.com

This example shows how to use the control as a navigation component in a web application. The sprite image support offers more effective way of applying images for the menu items. Unlike the use of ImageUrl property which will make a request for each image this approach will get and use one image that combines all menu item icons.

About RadMenu for ASP.NET AJAX

Easily add horizontal or vertical menu navigation to your ASP.NET applications or show context menus with ease thanks to RadMenu and RadContextMenu for ASP.NET AJAX, the Telerik navigation controls featuring identical capabilities. Bind them through declarative data source controls, programmatically, by calling a web service or by declaring their items by yourself. Leverage their accessibility, standard compliance and mobile support to make sure your menus are accessible from any browser and device.

RadMenu and RadContextMenu, as well as 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Support for any flat or hierarchical data source
  • Rich appearance and orientation configuration capabilities
  • Easy-to-customize through templates and rich API
  • Lightweight rendering based on HTML5 and CSS3
  • Adaptive behavior on mobile devices
  • 20 built-in skins

More about RadMenu for ASP.NET AJAX
  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • styles.css
<%@ Page CodeFile="DefaultVB.aspx.vb" Language="vb" AutoEventWireup="false" Inherits="Menu.Examples.Overview.DefaultVB" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container no-bg">
        <img src="Images/header-home.jpg" class="headerHome" alt="Home" width="730" height="204" />
        <telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" CssClass="mainMenu" runat="server" ShowToggleHandle="true">
            <Items>
                <telerik:RadMenuItem Text="Home" NavigateUrl="DefaultVB.aspx" />
                <telerik:RadMenuItem Text="Products">
                    <GroupSettings Width="200px" />
                    <Items>
                        <telerik:RadMenuItem Text="Chairs" NavigateUrl="DefaultVB.aspx?page=chairs" EnableImageSprite="true" CssClass="icon-chair"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Sofas" NavigateUrl="DefaultVB.aspx?page=sofas" EnableImageSprite="true" CssClass="icon-sofa"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="Tables" NavigateUrl="DefaultVB.aspx?page=tables" EnableImageSprite="true" CssClass="icon-table"></telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="Stores" NavigateUrl="DefaultVB.aspx?page=strores" />
                <telerik:RadMenuItem Text="About" NavigateUrl="DefaultVB.aspx?page=aboutus" />
            </Items>
        </telerik:RadMenu>
        <asp:PlaceHolder runat="server" ID="Content" />
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance