3214 Posts in 848 Topics by 810 members
|
Page:
1
|
Go to End | |
| Author | Topic: | 975 Views |
-
Simple question about the top menu navigation
17 May 2011 at 8:27pm Last edited: 17 May 2011 8:28pm
Hi,
My SS consists of 4 main pages - People, Corporate, Projects, Knowledge. All other pages are under one of these. My top navigation code is<div id="topMenu">
<ul class="clearfix">
<% control Menu(1) %>
<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode"><span>$MenuTitle.XML</span></a></li>
<% end_control %>
</ul>
</div>and an arrow appears under the menu title once it's selected.
Now, everything works fine, but if go deep in the tree, I loose the arrow in the main navigation.
Let's say. I am on people page. The arrow is under "People" menu item. But if I navigate to "People" -> "Our People" arrow disappears. I want to show that error for all children of People (or any other main menu item) page.
Hope this makes sense.
Thanks.
-
Re: Simple question about the top menu navigation
17 May 2011 at 8:28pm
Css for the arrow is
#topMenu ul li a.current
{
color: #48AA43;
text-decoration: none;
background: url('../images/selected_arrow.jpg') bottom center no-repeat;
} -
Re: Simple question about the top menu navigation
17 May 2011 at 10:30pm
Sorted by assigning same css to .section tag.
-
Re: Simple question about the top menu navigation
21 May 2011 at 5:38pm
Or you could have used $LinkOrSection which returns link for plain, section for current or child. Useful tricks - http://doc.silverstripe.org/sapphire/en/reference/built-in-page-controls#linkingmode-linkorcurrent-and-linkorsection
| 975 Views | ||
|
Page:
1
|
Go to Top |
