Hi all,
Having a bad mental block at the moment… We might be making this more complicated than needed but have run out of ideas after re-reading the designs manual.
Please see the attached image as I try to explain what we're trying to achieve ![]()
"Guidelines" and "Overview" = the same asset (just using a different name in the top nav)
When someone clicks on Guidelines, the contents of this page needs to display with Overview highlighted. If someone clicks on Tab 2/3/etc, it will go to a child page. Tab 1 is always the parent page. The top nav will remain as Guidelines.
Now, we can get the child pages to appear with the usual menu_normal design tags, but we can't get the parent page (Guidelines/Overview) to appear at the front of the list.
Hoping someone can assist!
Thanks
menuex.gif (4.68 KB)
Depending on what your HTML structure is set up like you could potentially use a CSS solution?
Maybe it's a little crazy, but let's say for instance it's a bit like;
<body id="overview"> <— id = asset_name
<div id="topnav">
<a>Guidelines</a>
</div>
<div id="subnav">
<a class="overview">Overview</a>
<a class="tab-2">Tab 2</a>
<a class="tab-3">Tab 3</a>
</div>
</body>
in your stylesheet;
#overview .overview, #tab-2 .tab-2, #tab-3 .tab-3 { /* Highlight styling here*/ }
Hope that makes sense?