[TYPO3-english] typoscript multi-column mega-menu

[Bernd Wilke]

On 09/13/2011 06:03 AM, jaco graaff wrote:
> I want to split a submenu hierchy into columns for a multi-column mega-menu
>
> the result would be something like this

if you want your breaks individually use spacers.
using the TS below you can break everywhere.
Please use a apropiate CSS for the flyout.

   10 = HMENU
   10 {
     wrap = <div id="mainmenu">|</div>
     entrylevel = 1
     1 = TMENU
     1 {
       noBlur = 1
       expAll = 1
       wrap = <ul>|</ul>
       NO = 1
       NO.wrapItemAndSub = <li class="lev1">|</li>
       NO.allWrap = <div class="bg">|</div>
       NO.stdWrap.htmlSpecialChars = 1

       IFSUB < .NO
       IFSUB.wrapItemAndSub = <li class="lev1 sub">|</li>

       ACT < .NO
       ACT.wrapItemAndSub = <li class="lev1 actmenu">|</li>

       ACTIFSUB < .IFSUB
       ACTIFSUB.wrapItemAndSub = <li class="lev1 sub actmenu">|</li>

       CUR < .ACT
       CUR.wrapItemAndSub = <li class="lev1 curmenu">|</li>

       CURIFSUB < .ACTIFSUB
       CURIFSUB.wrapItemAndSub = <li class="lev1 sub curmenu">|</li>
     }
     2 = TMENU
     2 {
       noBlur = 1
       expAll = 1
       wrap = <div class="flyout"><ul class="lev2">|</ul><div 
class="clear"><!-- --></div></div>
       NO = 1
       NO.wrapItemAndSub = <li class="lev2">|</li>
       NO.stdWrap.htmlSpecialChars = 1
       ACT < .NO
       ACT.wrapItemAndSub = <li class="lev2 actmenu">|</li>
       CUR < .ACT
       CUR.wrapItemAndSub = <li class="lev2 curmenu">|</li>
       SPC = 1
       SPC.doNotShowLink = 1
       SPC.doNotLinkIt = 1
       SPC.allWrap=</ul>|<ul class="lev2">
     }
     3 < .2
     3.wrap = <ul>|</ul>
     3.NO.wrapItemAndSub = <li class="lev3">|</li>
     3.ACT.wrapItemAndSub = <li class="lev3 actmenu">|</li>
     3.CUR.wrapItemAndSub = <li class="lev3 curmenu">|</li>
     3.SPC.allWrap=</ul></li></ul>|<ul class="lev2"><li><ul>

     4 < .3
     4.NO.wrapItemAndSub = <li class="lev4">|</li>
     4.ACT.wrapItemAndSub = <li class="lev4 actmenu">|</li>
     4.CUR.wrapItemAndSub = <li class="lev4 curmenu">|</li>
     4.SPC.allWrap=</ul></li></ul></li></ul>|<ul 
class="lev2"><li><ul><li><ul>

   }

bernd
-- 
http://www.pi-phi.de/cheatsheet.html