Typo3 and the YAML vertical navigation

Tagged Typo3

Using the YAML CSS framework to build TYPO3 templates is relatively easy if you have some experience with TYPO3. The only thing that wasn’t obvious to me was how to integrate one of their navigation components, the vertical list navigation.

But it turned out to be easy, you just need to represent the navigation levels correctly in your HTML. Then apply the CSS formats and you’re done. Here’s one way to configure the vertical navigation for YAML:

foo = HMENU
foo {
    1 = TMENU
    1 {
        expAll = 1
        wrap = <ul>|</ul>
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
        }
        CUR = 1
        CUR {
            wrapItemAndSub = <li>|</li>
            ATagParams= id="active"
        }
    }
    2 < .1
    2.wrap = <ul>|</ul>
    3 < .2
    # [...]
}
Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay

Related posts:

  1. Very simple Typo3 navigation
  2. Typo3 in 15 minutes
  3. Change template if content exists in Typo3

Nicolas Kuttler This entry was written by nicolas, posted on 21. September 2008, filed under Content Management and tagged , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post.
Leave a Reply

Your email is never shared. Required fields are marked *

*
*