Menu control showing what page you are on?

KimV · May 16th, 2008, 10:42 AM

Hi, It would be nice to have the menu control show that it has been selected so you would know what section you are on (I know the breadcrumb does this, but it would be easier to quickly tell where you are at if the menu item was a different color than the unselected menu items). Is there a way though of doing this so that even when you are viewing child pages the menu still reflects the parent page grouping selected? So if you select the Admin item and are managing users or manage orders, the Admin menu item still remains selected/emphasized?

Thanks for the help, Kim

retroviz · May 27th, 2008, 07:08 AM

Hi Kim,

I achieve this with CSS:

Code:

#header-menu a
{
    font-size: 14px;
    color: #8a8a8a;
    text-decoration: none;
}

#header-menu a:hover
{
    color: #000000;
    text-decoration: none;
}

/* ACTIVE PAGES */
#header-menu a.StaticSelectedStyle:link, #header-menu a.StaticSelectedStyle:visited
{
    color: #000000;
}

This makes my menu items grey, black when someone hovers and makes the active link also black.

You can obviously change this to your formatting requirements.

As for your second requirement I am not too sure, think you may have to do this programmatically. As you are viewing another page so the above CSS will not have any effect.

Hope that helps.