Developer forum

Hi Jan

In your XML you have an attribute on each Page node called Active.

As default this has the value False.

But it will be Active on the page node that you clicked last.

This attribute you can use in an xsl:if test="@Active='True'" then apply an id or class and then you can style your active menuitem.

You might as well look at the attribute called @InPath which indicates the items you have clicked to reach a certain point in the navigation structure.

// Sebastian

Thank you for your quick reply!

I added the following code to my xslt:

<xsl:if test="@Active='True'">
         <xsl:attribute name="id">selected</xsl:attribute>
</xsl:if>
 

, just after the <li> tag.

and added this css:

#selected a { color:#FFFFFF; background-color:#433252; height:22px; }

this correctly changed the id attribute.

Thanks for the help :)

-jan

I have battled with trying to get this to work!

My menu code looks like this:

<a id="topMenuStyle">
                  <xsl:attribute name="class">
<xsl:if test="@InPath='True'">inpath</xsl:if>
<xsl:if test="position() = 1">firstitem</xsl:if>
<xsl:if test="position() = count(//Page)">lastitem</xsl:if>
<xsl:if test="@Active='True'">activeitem</xsl:if>
</xsl:attribute>
              <xsl:attribute name="tabindex">
              <xsl:value-of select="@Sort + 5"/>
            </xsl:attribute>
                        <xsl:attribute name="href">
              <xsl:value-of select="@FriendlyHref"/>
            </xsl:attribute>
            <xsl:value-of select="@MenuText"/>
            <span class="arrow3">
              <strong>&#160;</strong>
            </span>
          </a>

But I just cant seem to get the class "activeitem" to work.

Any ideas?