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

WebForms Menu Overview

Home
Tables
Glass table
$120 Glass Coffee table
Black wood grain table
$140 Black Wood Grain Coffee table

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