RadMenu for ASP.NET
Table of Contents
Click To Open Send comments on this topic.
See Also
Feature overview > Click To Open

Glossary Item Box

Setting the ClickToOpen property to true expands the children of a root item only when the user clicks the parent item. If the property is false (the default value), the child items expand on mouse hover.

Child items do not collapse automatically, but only when the user clicks outside the menu.

Example

In the menu shown in Pic. 1, you can click any root level item to enable expanding the Products section. Once clicked, the menu will expand or collapse this section on mouse hover.

Pic. 1

The Products section is expanded

ASPX Copy Code
<rad:RadMenu id="RadMenu1" runat="server" ClickToOpen="True">
   <Items>
       <rad:RadMenuItem runat="server" Text="Company">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Products">
           <Items>
               <rad:RadMenuItem runat="server" Text="Try">
               </rad:RadMenuItem>
               <rad:RadMenuItem runat="server" Text="Purchase">
               </rad:RadMenuItem>
           </Items>
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Services">
       </rad:RadMenuItem>
       <rad:RadMenuItem runat="server" Text="Contact Us">
       </rad:RadMenuItem>
   </Items>
</rad:RadMenu>
        

 

See Also