Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2008-01-24 21:05:21

simsim
Member
Registered: 2006-05-06
Posts: 70

A "current" CSS class

Hello,

I know TXP provides a active_class attribute for the <txp:section_list> and <txp:category_list> tags. However, that attribute becomes useless when trying to trigger a current status for every page within a single section or category. I have a secondary navigation system on the left sidebar of the site. I want to trigger a class="active" attribute on the anchors when every page is shown. For example:

About Us

Who We Are
What We do
Our Mission
Values
Etc Etc

When on the “Our Mission” page, the menu would be:

About Us

Who We Are
What We Do
&laquo; Our Mission
Values Etc Etc

Offline

#2 2008-01-24 21:13:33

jstubbs
Member
From: Hong Kong
Registered: 2004-12-13
Posts: 2,395
Website

Re: A "current" CSS class

What tags are you using for the sub-menu? Are the “who we are” etc sections? In this case, you can use something like:

<ul>
<li><a <txp:if_section name="">class="active" </txp:if_section>href="<txp:site_url />">Home</a></li>
<li><a <txp:if_section name="who-we-are">class="active" </txp:if_section>href="<txp:site_url />who-we-are/">Who we are</a></li>
</ul>

Last edited by jstubbs (2008-01-24 21:13:50)

Offline

#3 2008-01-24 21:20:45

els
Moderator
From: The Netherlands
Registered: 2004-06-06
Posts: 7,458

Re: A "current" CSS class

If those are articles, have a look at glx_hl_current.

Offline

#4 2008-01-24 21:29:04

simsim
Member
Registered: 2006-05-06
Posts: 70

Re: A "current" CSS class

The sub-menu is a usual unordered list. Sections aren’t my problem. I want to trigger the active class as per individual article not as per section. This usually works with sections because a site wouldn’t have many sections, and putting a section identifier in the body element (i.e. <body id="section-name">) will do the trick since the CSS code will be simple and static.

The menu is triggered as per section, so in every section only the relevant articles show up in the sub-menu. I want the link of the current article to have different styling.

Offline

#5 2008-01-24 21:33:58

jstubbs
Member
From: Hong Kong
Registered: 2004-12-13
Posts: 2,395
Website

Re: A "current" CSS class

There is an if_article_id tag that should do the trick.

Offline

#6 2008-01-24 21:37:38

simsim
Member
Registered: 2006-05-06
Posts: 70

Re: A "current" CSS class

@Els:

Thanks. I’m looking into it.

@jstubbs:

I’ve thought about it, but I’m using clean URLs which have made that tag useless.

Offline

#7 2008-01-24 21:43:25

els
Moderator
From: The Netherlands
Registered: 2004-06-06
Posts: 7,458

Re: A "current" CSS class

if_article_id should also work with clean URLs. Use it in your article form, together with another plugin:

<li<txp:if_individual_article><txp:asy_wondertag><txp:if_article_id id="<txp:article_id />"> class="active"</txp:if_article_id></txp:asy_wondertag>><txp:permlink><txp:title /></txp:permlink></li>

Offline

Board footer

Powered by FluxBB