Hi

 Is there anyway of styling a menu control so there is a separator image / gap between each menuitem, but not after the last one?

I am using a StaticBottomSeparatorImage, which works great, except I cannot prevent it apeparing after the very last menu item..

 is there a way round this?

 thanks

Here is one way - althogh not the most elegantg - set an attribute on each last sibling in the sitemap file.  Pick this up in the bind event of the menu

Sitemap

<?xml version="1.0" encoding="utf-8" ?>

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

<siteMapNode url="Default.aspx" title="Default" description="">

<siteMapNode url="Page1.aspx" title="Page1" description="" />

<siteMapNode url="Page2.aspx" title="Page2" description="" IsLastSibling="true" />

</siteMapNode>

</siteMap>

Code

Thanks - but how do i implement that within the menu? can i use a method in the code behind?  my code is below

 <asp:Menu ID="Menu2" runat="server" DataSourceID="SiteMapDataSource2" Orientation="Vertical" DynamicEnableDefaultPopOutImage="false" DynamicBottomSeparatorImageUrl="images/greymenudivider.gif" StaticPopOutImageUrl="images/greyarrow.gif" StaticEnableDefaultPopOutImage="true" Width="125px" DynamicMenuItemStyle-Width="125px" StaticbottomSeparatorImageUrl="images/greymenudivider.gif" CssClass="menu">
                        <StaticMenuStyle CssClass="StaticMenuStyle" />
                        <StaticMenuItemStyle CssClass="StaticMenuItemStyle" />
                        <StaticHoverStyle CssClass="StaticHoverStyle" />
                        <DynamicHoverStyle CssClass="DynamicHoverStyle" />
                        <DynamicMenuStyle CssClass="DynamicMenuStyle" />
                        <DynamicMenuItemStyle CssClass="DynamicMenuItemStyle" />
                        </asp:Menu>

Add a MenuItemDataBound Event for your menu, and add my code above into that.  You then set the image or class you want in code behind, rather than globally (to every item) the ASPX

You can add jsut about any attributes you want to the xml sitemap items, and pick these up as shown.  I use this quite a bit - e.g. to mark menu items that are for admin users only

brilliant, cheers... much appreciated.

Thanks for your help with this, I am interested though; what would you consider the most 'elegant' solution?

I would be looking for a solution that recognises the last item automatically, without having to manually edit a file.  If you change the menu around, you may have to edit the atributes - i.e. you add a new last item.

There was no obvious "current" clas to work with that gave the last sibling property (i.e. if null, then this is the last sibling).

It would be possible to perform a recursive earch on all the site map nodes and find each last sibling - then we can clear an image if set.

Unfortunately, dusing the menu databind process, the event we are using does not yet have the full sitemap node list, so the last sibling property is meaningless

I also have a related question; for the dynamic, pop out menu; is it possible to set a top and bottom image (only appearing before first item, and after last item) using gifs that contain transparent areas?

 i basically have a menu that has been designed with rounded corners, and when I have tried this, the transparent areas do not show as transparent.  (ive not been able to get them appearing at the top and bottom either though)

protected void Menu1_MenuItemDataBound(object sender, MenuEventArgs e)

{

SiteMapNode nd = e.Item.DataItem as SiteMapNode;

if (nd != null)

{

if (nd.NextSibling == null)

e.Item.SeparatorImageUrl = string.Empty;

else