The menu layout can be further customized through separators. They are used for grouping the items into two or more categories. Sometimes, they are also used for achieving cosmetic effects.
You can set a given menu item as a separator using the IsSeparator property. You can then define its size using the Width property. The Text property value will still be rendered, but the item will not be clickable. If, however, the item has children, they will expand quite normally.
The screenshot below shows a menu where the "Purchase" and "Help" items are separated with an item separator.

| ASPX |
Copy Code |
|
<rad:RadMenu ID="RadMenu1" runat="server" Skin="Inox"> <Items> <rad:RadMenuItem runat="server" Text="Configurator" Width="70px"> </rad:RadMenuItem> <rad:RadMenuItem runat="server" Text="Purchase" Width="70px"> </rad:RadMenuItem> <rad:RadMenuItem runat="server" Text="Quick Start" IsSeparator="True" Width="30px"> </rad:RadMenuItem> <rad:RadMenuItem runat="server" Text="Help" Width="70px"> </rad:RadMenuItem> <rad:RadMenuItem runat="server" Text="Examples" Width="70px"> </rad:RadMenuItem> </Items> </rad:RadMenu> |
See Also