Developer forum

Forum » Templates » Unique menu id/class

Unique menu id/class

E-mail notifications
Sofia Soje
Reply
Posted on 18/08/2017 16:14:35

Is it possible to get an unique id/class code for the xslt menu navigation? As in: one link could have another css style.

Etc.

<xsl:attribute name="class">
    <xsl:text>menu-link menu-id-<!--@Menu.ID--></xsl:text>
    <xsl:if test="$inPath='True'">
        <xsl:text> active-menu</xsl:text>
    </xsl:if>
</xsl:attribute>
 

.menu-id-10{
     background:red;
}


Replies

 
Nicolai Pedersen
Posted on 21/08/2017 09:06:28
Reply

Hi Sofia

You can use the ID attribute of the page node - and do something like this:

<xsl:attribute name="class">
    <xsl:text>menu-link menu-id-</xsl:text><xsl:value-of select="@ID" disable-output-escaping="yes"/>
    <xsl:if test="$inPath='True'">
        <xsl:text> active-menu</xsl:text>
    </xsl:if>
</xsl:attribute>

BR Nicolai

 
Sofia Soje
Posted on 21/08/2017 10:12:31
Reply

Fabulous! Works like a charm!

Thank you, Nicolai!

 

You must be logged in to post in the forum