Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Nested UL for Navigation


Go to End


3 Posts   2091 Views

Avatar
Breastfed

Community Member, 44 Posts

7 March 2009 at 7:52am

Edited: 07/03/2009 7:53am

Hello

i am now looking more than 1 hour for the Solution of a Nested UL as a Navigation.

The Output Code should look like:

<ul id="nav" class="dropdown">
<li><a href="general-questions/editpost/255645#">First Level</a>
<ul>
<li><a href="general-questions/editpost/255645#">Second Level</a></li>
</ul>
</li>
</ul>

My SS Code is the following:

	<!-- begin: menu -->
<ul id="nav" class="dropdown">
   <% control Menu(1) %>
		<li class="$LinkingMode"><a href="$Link" title="Go to the "{$Title}" page">$MenuTitle</a>
		<% if Menu(2) %>
			<ul>
		  <% control Menu(2) %>
    		<li class="$LinkingMode"><a href="$Link" title="Go to the "{$Title}" page">$MenuTitle</a></li>
		  <% end_control %>
			</ul>
		<% end_if %>
      </li>
   <% end_control %>
</ul>
	<!-- end: menu -->

Anyone who might help me out?

Thanks!

Avatar
Breastfed

Community Member, 44 Posts

7 March 2009 at 7:59am

Sorry - i just found something with luck i would say :)

Anyway i will post the Code for somebody with same Needs.

	<!-- begin: menu -->
<ul id="nav" class="dropdown">
   <% control Menu(1) %>
		<li class="$LinkingMode"><a href="$Link" title="Go to the &quot;{$Title}&quot; page">$MenuTitle</a>
		<% if Children %>
			<ul>
		  <% control Children %>
    		<li class="$LinkingMode secondLevel"><a href="$Link" title="Go to the &quot;{$Title}&quot; page">$MenuTitle</a></li>
		  <% end_control %>
			</ul>
		<% end_if %>
      </li>
   <% end_control %>
</ul>
	<!-- end: menu -->

Sorry again!

Avatar
b_carr

Community Member, 2 Posts

17 June 2009 at 11:41am

Edited: 18/06/2009 3:14am

Very handy, I made a minor modification for sites that use separate top and left hand navigation - like ones with the brightside theme. Hope it helps someone!

<ul class="sidemenu">
<% control Menu(2) %>

<li><a href="$Link" title="Go to the $Title page" class="$LinkingMode">$MenuTitle</a></li>

<% if Children %>
<% if LinkOrSection = section %>
<ul class="sidemenu2">
<% control Children %>

<li><a href="$Link" title="Go to the $Title page" class="$LinkingMode">$MenuTitle</a></li>
<% if Children %>
<% if LinkOrSection = section %>
<ul class="sidemenu3">
<% control Children %>
<li><a href="$Link" title="Go to the $Title page" class="$LinkingMode">$MenuTitle</a></li>
<% end_control %>
</ul>
<% end_if %>
<% end_if %>
<% end_control %>
</ul>
<% end_if %>
<% end_if %>

<% end_control %>
</ul>