[TYPO3] [fixed] Re: How to integrate adxmenu (used in mediatech) in templavoila?

Tue Apr 18 06:07:30 CEST 2006

Hi Stinky (!)

Thanks for posting this

I can only make the sidemenu appear and i suspect it has something to do 
with the Typoscript object path. Should it be the same for both topnav 
and sidenav. Either way i try it i only get the sidemenu or 1 topnav 
entry that says "Navigation two" (from the template, mediatech)

Any pointers?

Kind Regards
/Klaus b

stinky wizzleteet skrev:
> Ah !
> 
> the time has arrived where I start answering my own questions !
> One needs to:
> 1 edit the html template to include the CSS files in the header
> 2 map the content, topnav, menu and submenu to the corresponding div's 
> in the template.
> 3 edit the TSconfig
> *4* reference the tsconfig sections in the xml of the template.
> 
> 
> 1:
> <head>
> 
>   <link type="text/css" href="css/Menu.css" rel="stylesheet" 
> media="screen, tv, projection" />
> 
>   <link type="text/css" href="css/style.css" rel="stylesheet" 
> media="screen, tv, projection" />
> 
> <!--[if lte IE 6]> <style type="text/css" media="screen, tv, 
> projection"> @import "css/Menu4IE.css"; body { 
> behavior:url("css/ADxMenu.htc"); } </style> <![endif]-->
> </head>
> 
> (NB: somehow <style> @import etc doesn't work with templavoila, it shows 
> the preview of the template correctly, but the mapping is without css...)
> 
> 2. declare an extra field calle "field_nav" and map it to the topnav div.
> 
> 3.In my TSconfig I have :
> 
> tsconfig:
> 
> ### from FTB:
> lib.mainMenu = HMENU
> ##^-- look this is different from FTB
>   # First level menu-object, textual
> 
> lib.mainMenu.1 = TMENU
> ##^-- look this is different from FTB
> 
> lib.mainMenu.1 {
> ##^-- look this is different from FTB
> 
>     # Normal state properties
> 
>   NO.allWrap = <div class="vertnav1"> | </div>
>                        ##^-- look this is different from FTB
> 
>   NO.stdWrap.htmlSpecialChars = 1
> 
>     # Enable active state and set properties:
> 
>   ACT = 1
> 
>   ACT.stdWrap.htmlSpecialChars = 1
> 
>   ACT.allWrap = <div class="vertnav1-act"> | </div>
>                   ##^-- look this is different from FTB
> 
> }
> 
>   # Second level menu-object, textual
> 
> lib.mainMenu.2 = TMENU
> ##^-- look this is different from FTB
> 
> lib.mainMenu.2 {
> 
>     # Normal state properties
> 
>   NO.allWrap = <div class="vertnav2"> | </div>
> 
>   NO.stdWrap.htmlSpecialChars = 1
> 
>     # Enable active state and set properties:
> 
>   ACT = 1
> 
>   ACT.stdWrap.htmlSpecialChars = 1
> 
>   ACT.allWrap = <div class="vertnav2-act"> | </div>
> 
> }
> 
> #topnav menu ripped from the mediatech TSCONFIG setup:
> subparts.TOPNAV = HMENU
> subparts.TOPNAV.special = directory
> #subparts.TOPNAV.special = list
> subparts.TOPNAV.special.value = 60
> #subparts.TOPNAV.excludeUidList = 1,2,3
> subparts.TOPNAV {
> wrap = <div id="menu"> | </div>
> entryLevel = 0
> 1 = TMENU
> 1 {
> expAll=1
> noBlur = 1
> wrap = <ul id="menuList" class="adxm"> | </ul>
> NO {
> wrapItemAndSub = <li> | </li>
> }
> }
> 2 = TMENU
> 2 {
> expAll=1
> noBlur = 1
> wrap = <ul class="subList"> | </ul>
> NO {
> wrapItemAndSub = <li class="submenu"> | </li>
> }
> }
> 3 = TMENU
> 3 {
> expAll=1
> noBlur = 1
> wrap = <ul class="subList"> | </ul>
> NO {
> wrapItemAndSub = <li class="submenu"> | </li>
> }
> }
> 4 = TMENU
> 4 {
> expAll=1
> noBlur = 1
> wrap = <ul class="subList"> | </ul>
> NO {
> wrapItemAndSub = <li class="submenu"> | </li>
> }
> }
> }
> 
> 
> page = PAGE
> page.typeNum = 0
> 
> page.10 = USER
> page.10.userFunc = tx_templavoila_pi1->main_page
> 
> 4 . In the DO xml (list -> STorage Folder -> right click on DO -> edit) 
> I put:
> 
> 
> <field_topnav type="array">
>                 <tx_templavoila type="array">
>                     <title>topnav menu</title>
>                     <description>Pick the HTML container element where 
> you want the automatically made topNAV items to be placed.</description>
>                     <sample_data type="array">
>                         <numIndex index="0">[topnav Menu goes 
> here]</numIndex>
>                     </sample_data>
>                     <eType>TypoScriptObject</eType>
>                     <tags>table:inner,ul,div,tr,td</tags>
>                     <eType_EXTRA type="array">
>                         <objPath>subparts.TOPNAV</objPath>
> 
>                    </eType_EXTRA>
>                     <TypoScriptObjPath>subparts.TOPNAV</TypoScriptObjPath>
>                 </tx_templavoila>
>             </field_topnav>
>  -------------------
> notice the <objPath>subparts.TOPNAV</objPath>
> this is the topnav menu mentioned in the tsconfig
> 
> As for the main menu:
> When one maps a menu item the xml automatically calls it "lib.mainMenu"
> I followed the Futuristic Template Building  howto (actually, the 
> tsconfig code is from there), but instead of editing the xml I edited 
> the tsconfig.
> I also edited the <div class= reference to point to mediatech's css 
> instead of the FTB css.
> 
> Voila !
> 
> 
> 
> stinky wizzleteet wrote:
>> Hi,
>>
>> I installed templavoila, and now the menu in mediatech's templates 
>> don't work.
>> I wonder how does one integrate it in templavoila.
>> Do I need to insert (a segment) of the mediatech typoscript in the xml 
>> of the DS or TO ?
>> Or do I need to edit the typoscript in TSconfig and how ?
>>
>>
>> Help appreciated.
>>
>> wzzl