[TYPO3-UG Dutch] responsive menu

["HocomAdvies [  Wiechert Hooghwinkel]

Jacco bedankt voor de hint, had al wel een vaag vermoeden dat het daar wel eens aan kon liggen. Nog maar even verder puzzelen met een lib.mobileMenu dan denk ik? Dat tweede menu is bij een “aside-menu” zoals de zurb site heeft op zichzelf wel logisch. Maar bij mijn menu is er alleen een top-bar menu? Dan lijkt me een tweede TS menu toch niet nodig?  

Groet,
Wiechert





> Op 6 feb. 2015, om 10:44 heeft Jacco van der Post <jacco at id-internetservices.com> het volgende geschreven:
> 
> Hoi Wiechert,
> 
> Foundation 5 is cool, maar werkt helaas niet zoals Bootstrap dat je maar 1 keer een menu moet aanmaken. Kijk maar in de source van http://foundation.zurb.com/
> 
> Je zult dus 2 keer een menu moeten aanmaken. Ik heb hier wel een TS voorbeeld van, echter dat kun je denk ik zelf ook wel.
> 
> Iets anders : we organiseren binnenkort weer een zeer leerzaam TYPO3camp in Venlo, nieuws hierover volgt nog!
> 
> groet Jacco
> 
> "HocomAdvies [ 🌷 Wiechert Hooghwinkel ]" schreef op 5-2-2015 om 11:42:
>> Hallo,
>> 
>> In een fluid site, die met Foundation 5 gemaakt wordt werkt de responsive menu niet zoals verwacht. De template werkt buiten Typo3 zoals het hoort maar als alles in typo3 6.2 staat dan werkt het menu niet meer als het scherm kleiner wordt en de “hamburger” zichtbaar wordt (het responsive deel). Het kan aan de TS voor het menu liggen? Waarschijnlijk vergeet ik iets wat de “hamburger” werkzaam maakt :)
>> 
>> De gebruikte TS:
>> 
>> lib.mainmenu = HMENU
>> lib.mainmenu{
>>   entryLevel = 0
>>   1 = TMENU
>>   1{
>>     wrap = <ul class="right"> | </ul>
>>     noBlur = 1
>>     NO = 1
>>     NO {
>>       wrapItemAndSub = <li> | </li>
>>       stdWrap.htmlSpecialChars = 1
>>       ATagTitle.field = title
>>     }
>>     ACT <.NO
>>     ACT{
>>       wrapItemAndSub = <li class="active">|</li>
>>     }
>>   }
>> }
>> 
>> Stukje html voor het menu deel:
>> 
>>   <!-- Nav Section -->
>> <nav class="top-bar" data-topbar="" role="navigation">
>>         <ul class="title-area">
>>           <li class="name">
>>             <!-- Site home link - Usually name of your site -->
>>             <h2><a href="#">{siteName}</a></h2>
>>           </li>
>>           <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
>>         </ul>
>> 
>>         <section class="top-bar-section" style="left: 0%;">
>>           <f:cObject typoscriptObjectPath="lib.mainmenu" />
>>         </section>
>>       </nav>
>> 
>> Iemand een suggestie om dit goed te krijgen? Bedankt.
>> 
>> Met vriendelijke groeten,
>> HocomAdvies
>> 
>> 
>> Wiechert Hooghwinkel
>> 
>> 
>> 
>> 
> 
> 
> -- 
> Kind Regards
> 
> Jacco van der Post
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch