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.

Customising the CMS /

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

mega menu - second level menu


Go to End


1807 Views

Avatar
suresh

Community Member, 1 Post

6 March 2012 at 5:38am

Hi, I am developing a site using silver stripe. In that, I have to create a mega menu with two levels. When user hover on first level menu item, second level menu will be displayed for that item. In the second menu, I have different categories (skills, jobs, trainings) and these are not clickable and not children of first level menu item. second level menu items will be grouped under these categories. I did the following script to display second items but I don't know how to group second level items in to respective categories. Please check out this link http://www.useit.com/alertbox/mega-dropdown-menus.html for more information.

<% control Menu(1) %>
<li>
<div class="left{$LinkingMode}"></div>
<div class="$LinkingMode">
<div style="margin-top:5px;">
<a href="$Link" title="$Title.XML" class="$LinkingMode">$MenuTitle.XML</a>
<% if Children %>
<div id="$Title" class="sectionElement">
<ul>
<% control Children %>
<div>
<li><a href="$Link" title="Go to the &quot;{$Title}&quot; page">$MenuTitle</a></li>
<div>
<% end_control %>
</ul>
</div>
<% end_if %>
</div>
</div>
<div class="right{$LinkingMode}"></div>
<div class="menuspace">&nbsp;</div>
</li>
<% end_control %>