2009-03-30

Re: 2009-03-30

Mon, 15 Feb 2010 13:23:23 +0000

It's very easy. The top-bar navigation generate a class .current-link in the selected list element:

 Menuitem

All you have to do is to call the .current-link class in the CSS and style it as you want.

For instance :

 #top-bar li .current-link { background-color:red; }

Re: 2009-03-30

Tue, 14 Jul 2009 07:11:08 +0000

Did anyone ever get this to work? I would like to employ the same technique on my wiki but there is not enough information in these posts for me to understand how you are doing it. I too want to have my side-bar indicate the page I am on by giving the

link a different bullet.

Re: 2009-03-30

Fri, 03 Apr 2009 06:02:18 +0000

I tried these codes in my CSS:

 .current-link { display: none; } .mark-current-link { display: none; }

Neither have an affect on the navigational elements.

Re: 2009-03-30

Thu, 02 Apr 2009 20:05:28 +0000

When you say use a div block: [[div class="mark-current-link"]]...[[/div]]

Do you mean like this:

 [[div class="mark-current-link"]] Blah blah [[[same-page]]] blah blah [[[different-page]]] [[/div]]

And only the same page link will be affected, or will all links be affected?

Re: mark-current-link

Mon, 30 Mar 2009 22:19:21 +0000

I'm having trouble getting this to work. The [[div class=...]] method works fine, but I can't seem to get it to change the look of my menu items on the top bar menu.

Can you point us to a specific example of this?

Thanks,
-Ed

2009-03-30

Mon, 30 Mar 2009 11:34:57 +0000

Added "current-link" CSS class to links in the top bar that point to the current page
- This allows you to give them different look (when using custom CSS)
- If you want to use the mechanism outside of top bar, surround the links that need to be affected with [[div class="mark-current-link"]]...[[/div]]