We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 39617
    • 4 Posts
    Ik zit met het volgende probleem met Wayfinder voor een website.
    De website heeft een dropdown menu met 2 levels.

    [[!Wayfinder?
      &startId=`0`
      &outerTpl=`menuOuter`
      &rowTpl=`menuRij`
      &innerTpl=`menuInner`
      &innerRowTpl=`menuInnerRij`
    &parentRowTpl=`menuParentRij`
      &hereClass=`current_page_item`
      &firstClass=`home-icon`
      &lastClass =`` ]]


    Het probleem is dat ik de &firstClass enkel op de &outerTpl=`menuOuter` wil toepassen.
    De listitems van het tweede level moeten echter wel over de &hereClass beschikken om de huidige pagina aan te duiden.

    Alle hulp is welkom!
    • Hoi nivanc,

      &hereClass geeft de huidige pagina en al zijn sub-pagina's een class...
      Ik gebruik vaak &selfClass, deze geeft alleen de huidige pagina een class.

      M.b.t de &firstClass, ik denk niet dat deze alleen voor de eertste list items actief kan zijn, maar in CSS kun je wat je ermee wilt doen wel aanpassen, bijv:

      <ul>
          <li class="first">
              Item 1
              <ul>
                  <li class="first">Item 1</li>
                  <li>Item 2</li>
              </ul>
          </li>
          <li> Item 2</li>
      </ul>
      


      Met CSS:

      ul li.first {
          width: 100px;
      }
      ul ul li.first {
          width: 50px;
      }
      


      Zie hier voor alle details van Wayfinder: http://rtfm.modx.com/display/ADDON/Wayfinder
        MODX Ambassador (NL) | Responsive web design specialist, developer & speaker
        DESIGNfromWITHIN, MPThemes and Any Screen Size
        Follow me on Twitter | Read my blog | My code on GitHub
        • 39617
        • 4 Posts
        Bedankt, ik probeer dit later vandaag eens uit.
          • 39617
          • 4 Posts
          Het aanpassen met CSS werkt vlekkeloos: bedankt!