New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the Community Exchange, where community members ask and answer questions about DNN. To get started, just start typing your question below and either select one of the suggested questions or ask a new question of your own.

DNN Nav Menu Control: Child Pages Not Displaying as Submenus

Return to previous page

  • 10/10/2017
  • 2222 Views

Question:

Matt Kamen 7 years ago

(We are running DNN 07.02.01)

I'm working with a skin that has a horizontal menu defined as:

<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" Level="Same">


This works fine, but now we'd like to display child pages as a submenu when hovering over the parent page.

When I update the child pages to be included in the menu (from Page Management), they display within the main menu instead of a submenu.

So I end up with a main menu:

Root 1
Root 2
Root 3
Child 1
Child 2
Root 4
Root 5



Instead of:

Root 1
Root 2
Root 3 > Child 1, Child 2
Root 4
Root 5

I've tried a couple of combinations of settings (e.g., PopulateNodesFromClient, ExpandDepth, etc.) without any luck.

As I look at the page in Chrome, it does pick up the child pages as a separate unordered list.

<ul>
<li>Root 1</li>
<li>Root 2</li>
<li>Root 3</li>
<ul><li>Child 1</li>
<li>Child 2</li></ul>
<li>Root 4</li>
<li>Root 5</li>


Any ideas?

Sign In to Participate
Or register to become a member