Jump to:

5450 Posts in 1672 Topics by 1197 members

Customising the CMS

SilverStripe Forums » Customising the CMS » mega menu - second level menu

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

Page: 1
Go to End
Author Topic: 624 Views
  • suresh
    Avatar
    Community Member
    1 Post

    mega menu - second level menu Link to this post

    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 %>

    624 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.