How to hide separator in horizontal menu

[Dave Ranck]

Hello,

I have tried and searched everything in order to figure out how to hide pre-populated separator in my horizontal grid (which is loaded via XML).  I attached the picture.  Please don't mind the style, I know it's ugly, but it's what the client wants :)

Menu XML:

<Menu CssClass="RadMenu_Menu">
    <Group Flow="Horizontal">
        <Item
          Text="New"
          ImageURL="~/PresentationLayer/Images/Menu/Default/new.gif" />
        <Item
          Text="Delete Budget Split"
          ImageURL="~/PresentationLayer/Images/Menu/Default/delete.gif" />
        <Item
          Text="More Options"
          ImageURL="~/PresentationLayer/Images/Menu/Default/moreDown.gif" >
            <Group Flow="Vertical">
                <Item
                  Text="Edit"
                  ImageURL="~/PresentationLayer/Images/Menu/Default/edit.gif" />
                <Item
                  Text="Refresh List"
                  ImageURL="~/PresentationLayer/Images/Menu/Default/redo.gif" />
            </Group>
        </Item>
    </Group>
</Menu>

Thanks in advance!

[Kalina]

Hello Mike Brady,

As I can see from the screenshot provided, you use the default RadMenu skin.
The separator that you want to hide is a part of the background image applied by this skin.   
Could you please try setting the EnableEmbeddedSkins property of the RadMenu to "false"?  
I hope this helps.

All the best,
Kalina
the Telerik team

[Dave Ranck]

Thanks!

[msigman]

Another option is to use the approach mentioned in this blog: http://www.matthewsigman.com/?p=77