Chapter 7: combine Menu and SiteMapPath controls?

kiwibrit · #1 (**permalink**) November 7th, 2009, 06:07 AM

I would very much like to highlight the current page by a method other than breadcrumb. For example, in the Monochrome theme, if the current page is the home page, give a different background to 'Home' on the menu (and, ideally, disable the link). Is it possible to combine the Menu and SiteMapPath controls to achieve that? Or is there some other way?

Imar · #2 (**permalink**) November 7th, 2009, 06:18 AM

Hi there,

This should already be the case. Active menu items end up with a green background. This is done with the StaticSelectedStyle:

Code:

 
<asp:Menu ID="Menu1" runat="server" CssClass="MainMenu"  ... >
<StaticSelectedStyle CssClass="StaticSelectedStyle" />
...
</asp:Menu>

and this CSS:

Code:

 
.StaticHoverStyle, .StaticSelectedStyle
{
  /* Defines the look of active and hover menu items */
  background-color: #c1e4ce;
}

You can do the same for the sub menus:

Quote:

with this CSS

Code:

 
.SomeClass
{
  background-color: red;
}

Cheers,

Imar

kiwibrit · #3 (**permalink**) November 7th, 2009, 06:35 AM

Ooops. So it does. Thanks for such a quick response. My apologies for not being more thorough before I posted.

OK, given that's possible, I shall now have a go with CSS friendly control adapters. Since the book was written, it maybe a little bit harder for novices like me to get into that - in that the Microsoft page pops you across to a codeplex page when you try to download - and the package no longer has vis installation. However, I think I am sorting it - I'll drop a note in this forum if it all works out, as a sort of supplement to the note on CSS Control adapters on page 264.

Need to download code?

Navigation