Hi guys,
I'm trying to create a skin with two menus. Consider a site with the following page structure:
Page 1 -> Page 1.1, Page 1.2, Page 1.3
Page 2 -> Page 2.1, Page 2.2, Page 2.3
Page 3 -> Page 3.1, Page 3.2, Page 3.3
The first menu should always display the root level items (Page 1, Page 2 etc.). The second menu should always display the sub-menus of the first menu.
So if Page 2 is selected, menu 1 should display horisontally: Page 1 - Page 2 (selected)- Page 3 - Page 4
And Menu 2 should display vertically:
Page 2.1
Page 2.2
Page 2.3
I have partly achieved this with the following 2 menus:
Menu 1 (shows only root level items)
<dnn:NAV runat="server" ID="navTop" ProviderName="DNNMenuNavigationProvider" ControlOrientation="Horizontal"
Level="Root" ExpandDepth="1" PopulateNodesFromClient="false" SeparatorHTML=" " />
Menu 2 (shows only sub-items)
<dnn:NAV runat="server" ID="navLeft" ProviderName="DNNMenuNavigationProvider"
ControlOrientation="Vertical" Level="Child" />
However! When I select a sub-page (for exampe Page 2.2), I want menu 2 to keep showing the sub-items (Page 2.1, Page 2.2 (selected) and Page 2.3). Instead, since it has Level="Child" it tries to show sub-items for Page 2.2, which do not exist, since I only have 2 layers in my menu navigation - and thereby disappearing.
Can anybody help with a solution to this?
Regards
Emil