Cogeian
-
3/3/2009 6:11:05 PM
2 CSS List Menus, 2 Hierarchy Levels, 1 Page
Hello all. We're trying to configure the navigation on a client's Kentico site in a very particular way, and we really don't want to have to forgo the built-in navigation components in favor of custom nav. Perhaps you can help steer us toward a configuration that will help.
On our page template we have two web part zones - one for primary nav, one for local nav. They are right next to each other, main nav on the left and local nav on the right.
In the primary nav, we have a CSS List Menu control. We're using CSS to hide the second-level items, so that only the top-level nav items appear. So far so good.
In the local nav, we want to place another CSS List Menu control, and set that to display only the 2nd level nav items for the currently-selected top-level nav item.
Let me provide a visual example.
Given this site map:
- Home - About Us - - History - - Staff - - Mission - Contact Us - - Driving Directions - - Mailing Address - Membership - - Benefits - - How to Join - - Publications
If you were on any child page of About Us, the main nav should display: - Home - About Us - Contact Us - Membership
while the local nav should display: - - History - - Staff - - Mission
If you were on any child page of Membership, the main nav should display: - Home - About Us - Contact Us - Membership
while the local nav should display: - - Benefits - - How to Join - - Publications
And so on. The top-level nav always shows all of its items, while the local nav needs to display only of the pages that are at the same hierarchical level and within the same node as whatever page you're currently on.
We've tried playing with the maximum nesting, but that doesn't do it. It seems like what we really need is to be able to set a *minimum* nesting level, or at least hard-wire it to only show second-level nav items.
Does that make sense?
Suggestions are welcome. We're new to Kentico and although we've figured out most of it, this piece of configuration eludes us.
|