Question

<configdata>
<home>
    <label>Home</label>
    <controller>dashboard</controller>
    <action>index</action>
</home>
<accounts>
    <label>Accounts</label>
    <controller>accounts</controller>
    <action>index</action>
    <pages>
        <sales>
            <label>Sales Accounts</label>
            <controller>sale</controller>
            <action>index</action>
        </sales>
        <purchase>
            <label>Purchase Accounts</label>
            <controller>purchase</controller>
            <action>index</action>
        </purchase>
    </pages>
</accounts>
</configdata>

I have code something like the above. I need to add a class for the ul tag generated after the Accounts label. Something like the following doesn’t work:

<pages class="sub">
    <sales>
        ........
    </sales>
</pages>

My purpose is to have a mega menu for the navigation. To add functionality to it I need to have classes within the generated menu code.

Answer 1

Just add the class element to your xml navigation file like this

<home>
    <label>Home</label>
    <controller>dashboard</controller>
    <action>index</action>
    <class>home</class>
</home>