Hiding separators in RadGrid HeaderContextMenu

[Paul Evers]

Hi,

I have a RadGrid (version Q1 2012) in which I hide some items in the headercontextmenu :

protected void HeaderContextMenu_ItemCreated(object sender, RadMenuEventArgs e)
        {
            switch (e.Item.Value)
            {
                case "GroupBy":
                case "UnGroupBy":
                case "bottomGroupSeperator":
                case "BestFit":
                case "bestFitSeparator":
                case "ColumnsContainer":
                case "filterMenuSeparator":
                    e.Item.Attributes.Add("style", "display: none");
                    break;
                default:
                    break;
            }
        }

The items are hidden except for the separators I want to hide. The result I see is four separators in stead of one.
How can I hide these separators?

Paul

[Princy]

Hi,

Try the following CSS to hide the Separator.

CSS:

.RadMenu .rmSeparator, .RadMenu .rmSeparator:after
{
    height:0px !important;
}

Thanks,
Princy.

[Paul Evers]

I don't want to hide all the separators. I only want to hide 3 out of four to hide.

Paul

[Princy]

Hello Paul,

Try setting the following CSS.
CSS:

.RadMenu .rmSeparator, .RadMenu .rmSeparator:after
{
    height:1px !important;
    margin-top:-2px !important;
    overflow:visible !important;
}

Thanks,
Princy.