This is the situation:
- I have a RadMenu with root menuitems and a single level of submenuitems (just as in this demo
- the submenuitems have been styled using background images (using the skin's CSS file). Specifically, the .rmLink together with .rmFirst and .rmLast have been defined to use the correct images.
However, I run into a problem when there is only 1 submenuitem: the LI tag contains both .rmFirst and .rmLast, and the image defined in .rmLast is displayed. What I need is a way to set the background image using a CSS selector, so that I can use a image that is designed for a single submenuitem (the submenu's design contains fancy rounded corners and fancy borders that cannot be created using CSS alone).
Unless it's possible to make a CSS selector based on two CSS classes in an element (i.e. <li class="rmFirst rmLast"></li>), I think the best solution would be two introduce a new CSS class, perhaps ".rmFirstLast"?
That way I could define the .rmFirstLast class in the Skin's stylesheet and use the correct image.
I hope I'm making any sense, otherwise I will provide visuals to make my point clear.
A Telerik Demo of RadMenu contains a sample to demonstrate my problem: http://demos.telerik.com/aspnet-ajax/Menu/Examples/Default/DefaultCS.aspx
If the submenu of "File" contained only a single item, you would see that the top border of the item is missing.