This snippet creates a menu where every menuitem on the 1.level has a own id. Using this id you can format the submenu with css selectors.

In this example a nested unordered list is created where to every mainmenupoint the css id menuitemUID is addet. UID is here the unique ID of the page.

lib.menu=HMENU
lib.menu{
  1 = TMENU
  1.wrap=<ul>|</ul>
  1.NO{
    allWrap.insertData=1
            # change  to allWrap=<li id="menuitem{field:title}">| if you want the title instead of the uid as css id
    allWrap=<li id="menuitem{field:uid}">|
    wrapItemAndSub = |</li>
  }
   
  2<.1
  2.NO.allWrap=|
  2.NO.wrapItemAndSub=<li>|</li>
}

Comments

phy, 28-05-07 07:52:

---

Thank you for this piece of code.

phy

David, 25-11-07 06:10:

---

this was just what I needed. thank you!

(don't you wish wrapItemAndSub had stdWrap properties too!)

Dylan, 12-07-10 15:10:

---

Good - thanks! Took me a bit to realize I needed to add 1.expAll = 1 to get all the submenus and hide them with CSS.

Add comment

* - required field

First name: *
Last name:
E-mail:
Enter the code:

*

Content: *