Link classes at different levels

[chrisandy]

in PdoMenu I have a 3 level menu. How do I add different classes to the links at each level? The class must be applied to the link and not its container…

Parent <li><a class="level1class" href="[[+link]]">####</a></li>
Child <li><a class="level2class" href="[[+link]]">####</a></li>
Grandchild <li><a class="level3class" href="[[+link]]">####</a></li>

[halftrainedharry]

In the template there is an available placeholder [[+level]] (respectively [[+wf.level]]) that probably can be used to determine the right class

<li><a class="[[+level:is=`1`:then=`level1class`]]" href="[[+link]]">####</a></li>
//or maybe even
<li><a class="level[[+level]]class" href="[[+link]]">####</a></li>

[chrisandy]

I’ll try that thank you - I was hoping to use inline templates so the second option might be preferable.

[chrisandy]

That works beautifully thank you - both ways.

[bruno17]

for inline tpls replace all [[....]] with {{....}}

[lucy]

There’s actually a built-in css property for this, no need to use the level placeholder.

From the docs:

&levelClass
Class for each level of the menu. For example, if you specify «level», it will produce «level1», «level2» etc.