RadMenu for ASP.NET
Table of Contents
Multi-row menu Send comments on this topic.
See Also
Feature overview > Multi-row menu

Glossary Item Box

The simplest way to create a multi-row menu is by setting the area of the control to be narrower than the menu. The items will then be automatically distributed along as many rows as necessary. (The width of the menu is controlled by the Width property.)

Example

Pic. 1 and Pic. 2 below show the same menu: the difference is that in the first picture the Width property is not set and the menu takes as much space to render as necessary; the second menu is limited by the Width property.

Pic. 1

The items are rendered on one row; Width is not set.

ASPX Copy Code
<rad:RadMenu ID="RadMenu1" runat="server">
   <Items>
       <rad:RadMenuItem runat="server" Text="About">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Products">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Services">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Partners">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Contact Us">
       </rad:RadMenuItem>
   </Items>
</rad:RadMenu>
        

Pic. 2

The items are rendered on two rows; Width is set.

ASPX Copy Code
<rad:RadMenu ID="RadMenu1" runat="server" Width="280px">
   <Items>
       <rad:RadMenuItem runat="server" Text="About">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Products">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Services">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Partners">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Contact Us">
       </rad:RadMenuItem>
   </Items>
</rad:RadMenu>
        
To implement this functionality, the menu must be non-scrollable. (See Scrollable menu.)

See Also