Hi,

 i am trying to add " | " seperation between the menu items,

here is what i do:

   <asp:Menu id= "TopMenu" runat="server" OnMenuItemDataBound="TopMenu_MenuItemDataBound" DataSourceID="SiteMapDataSourceTopMenu" Orientation="Horizontal" StaticDisplayLevels="3" DynamicVerticalOffset="2" PathSeparator=" | " Height="20"> 
	<DynamicItemTemplate>| <asp:Label ID="Label2" runat="server" Font-Names="Tahoma" ForeColor="Black" 
	Text='<%# Eval( "Text" ) %>'>
	</asp:Label>
	&nbsp;&nbsp;&nbsp;&nbsp;
	</DynamicItemTemplate>
</asp:Menu>
	<asp:SiteMapDataSource ID="SiteMapDataSourceTopMenu" SiteMapProvider="TopMenuSiteMap" runat="server" />

When i run it it doesnt changing the static displaylevels to StaticDisplayLevels="3" doesnt help.

 Any idea how sould i get it work ? 

thanks for the help

 Ori

I ususally use something like.... as only the top Static portion can use a separator.

<asp:Menu runat="server"  StaticTopSeparatorImageUrl="~/images/Menu_Seperator_Image.png">
</asp:Menu> 

and my Image looks like a  " | " image. 

Below is simple or cheap approach I took when I wanted to do this. Note I only did this at the first level nodes of the site map, but you could easily expand this subsequent levels by sending the node or searching for the node in the tree.

First the ASP.NET code. Note the CheckForSeparator call.

                    <asp:Menu ID="menuMain" runat="server" Orientation="Horizontal" DataSourceID="KOH_SiteMapDataSource" MaximumDynamicDisplayLevels="0" OnMenuItemDataBound="menuMain_MenuItemDataBound" >
                    <StaticItemTemplate>
                        <asp:HyperLink ID="hlMenuLink" runat="server" Text='<%# Eval("Text") %>' NavigateUrl='<%# Eval("NavigateUrl") %>' ToolTip='<%# Eval("ToolTip") %>' CssClass="LabelBold" /><%# CheckForSeparator(((MenuItem)Container.DataItem).Text) %>
                    </StaticItemTemplate>
                    </asp:Menu>

 Then the code behind.

        /// <summary>
        /// Used when binding main menu to see if a | separator should be added at the end.
        /// </summary>
        /// <param name="MenuText"></param>
        /// <returns></returns>
        protected string CheckForSeparator(string MenuText)
        {
            if (SiteMap.RootNode.ChildNodes.Count > 0)
            {
                if (SiteMap.RootNode.ChildNodes[SiteMap.RootNode.ChildNodes.Count - 1].Title.ToLower() != MenuText.ToLower())
                {
                    return " | ";
                }
                else
                {
                    return "";
                }
            }
            else
            {
                return "";
            }
        }

Thanks for the posts, both wais are working.

 meny thanks

Ori