Disabled Menu Item that looks normal?

[Chris Mitchell]

I have a RadMenu that uses sub-items in a variety of places. What I would like to do is have the items that have children not be clickable themselves (since they exist only for categorization purposes). I tried just making that item .Enabled = false but that caused it to shift in appearance which I do NOT want.. I couldn't seem to get the DisabledCSSStyle property to work with this..

Is there an easy way to do this? If it matters, I am building my menus dynamically..

[Princy]

Hello,

Add the "!important" keyword in the style in order to override the default style of RadMenu.

CSS:

<style type="text/css">
    .disabledItem
    {
        color:Black !important;
    }
</style>

aspx:

<telerik:RadMenuItem runat="server" Text="City">
     <Items>
      <telerik:RadMenuItem Enabled="false" DisabledCssClass="disabledItem" runat="server" Text="Ohio">
      </telerik:RadMenuItem>

Thanks,
Princy.

[Veronica]

Hi Chris Mitchell,

You can subscribe to the OnClientItemClicking event and check if the current clicked item has children. If yes - the event will be cancelled. Here's a sample code:

function clientItemClickingHandler(sender, args) {
            var item = args.get_item();
            if (item.get_items().get_count() != 0) {
                args.set_cancel(true);
            }
            else {
                alert("item is clicked");
            }
        }

Hope this helps.

Regards,
Veronica Milcheva
the Telerik team