Display separator in Sharepoint AspMenu control
- by Ryan Eastabrook
All I'm trying to do is display a separator (I've tried images & stylesheets) between the primary navigation menu items in Sharepoint. Here is what I want it to look like:
Home | Menu1 | Menu2 | Menu3
When I attempt to use the StaticTopSeparatorImageUrl (using a bar image) it results in the following:
Home | Menu1 | Menu2 | Menu3 |
This is obviously not a separator, and when I use the StaticBottomSeparatorImageUrl the opposite happens. I also tried to style the ms-topnav class to have a left border, which doesn't work because the control doesn't identify the first (or last) item in the menu...
So, my next option was to use the Telerik RadMenu, after fighting to get it into Sharepoint I had difficulties getting it to display like the Sharepoint Menu using the SiteMapDataSource (display only the Home item and no children).
This seems SO simple, but it is Sharepoint, so nothing is really simple. I'm wondering if there is either a way to make the default Sharepoint separator work correctly that I might have missed, or is there a GOOD Sharepoint menu replacement that actually takes styling into account?
