Telerik RadMenu

Brief Description:

The Radmenu Controls enables us to bind the menu items from database. RadMenu for ASP.NET AJAX is an advanced navigation control for ASP.NET allowing us to build lightweight, search-engine friendly menu systems.

Features:

1. Semantic Rendering for Minimal HTML – It implements a highly efficient semantic rendering, which uses list items and CSS instead of tables. As a result, the HTML output is significantly reduced, which dramatically improves performance. We can change the look and feel of this RadMenu by changing the Skin Property.

If we require some custom look and feel then we can design the css class for that and use in this menu.

Syntax:

<telerik:RadMenu ID="radMenu" runat="server" ExpandAnimation-Type="InOutElastic" Width="100%" Skin="WebBlue">
    <Items>
        <telerik:RadMenuItem CssClass="Cursor" NavigateUrl="Dashboard.aspx" Text="Home" />
        <telerik:RadMenuItem CssClass="Cursor" Text="Class">
        <Items>
            <telerik:RadMenuItem CssClass="Cursor" Text="Fire">
                <Items>
                   <telerik:RadMenuItem CssClass="Cursor" Text="Fire Insurance" />
                   <telerik:RadMenuItem CssClass="Cursor" Text="House owner/Householder Insurance" />
               </Items>
               </telerik:RadMenuItem>
               <telerik:RadMenuItem CssClass="Cursor" Text="Medical" />
               <telerik:RadMenuItem CssClass="Cursor" Text="Liability" />
           </Items>
       </telerik:RadMenuItem>
       <telerik:RadMenuItem CssClass="Cursor" NavigateUrl="Login.aspx" Text="Sign Out" />
    </Items>
</telerik:RadMenu>

CSS:

.Cursor
  {}
   .Cursor:hover
   {
     cursor:pointer !important;
   }