We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 32025
    • 305 Posts
    I am running wayfinder on this website: http://www.apicslima.org/home2.html and finally have the menu configured to match the output I need. Except I still have one issue. I would like the current page to add this coding:

    _active
    so my active page link looks like this:
    <li class="dropdown active">
    Basically I just need a space and the word active to show after the class of the current page that is active.

    How can I achieve this? I searched the forums and found several posts but, there were no answers similar to my issue.

      Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/
      • 32025
      • 305 Posts
      OK I see why, my menu was not showing active links. I removed this
      [[+wf.classes]]
      from the rowTpl. When I added this back to rowTpl my rows now show active, and display properly.

      My only issue now is my Parent row. I have this coding:
      <li class="dropdown">
      but in order for the active parentRow to show highlighted, I need the output of the active page to display like this:
      <li class="dropdown active">


      Here is my entire parentRow chunk:
      <!-- ParentRow --><li class="dropdown"><a class="dropdown-toggle" href="[[+wf.link]]">[[+wf.linktext]]</a>[[+wf.wrapper]]</li>


      I tried adding this tag in many places
      [[+wf.classes]]
      but it seperates into 2 different classes so my menu does not display properly. How can I get the active parentRow to show this menu like this:
      <li class="dropdown active">
      ?
        Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/