How to get "active" link to show in the output

- 305 Posts
Dayton Web Design Reply #1, 7 years, 5 months ago
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/
- 305 Posts
Dayton Web Design Reply #2, 7 years, 5 months ago
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:
```
<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/