Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2024-08-05 14:49:39

lindabb
Member
Registered: 2023-02-17
Posts: 132

txp:section_list and extra classes

Hello, is there a way to accomplish this type nav bar
<li class=“nav-item”><a class=“nav-link” href=”#”>Tour</a></li>
with <txp:section_list> as you see li and href tag has different classes , that is what I’m using, but I can’t find out how to use <a class

<txp:section_list class=“nav-item” wraptag=”“ break=“li” breakclass=“nav-item” />

Thank you

Offline

#2 2024-08-05 16:32:50

jakob
Admin
From: Germany
Registered: 2005-01-20
Posts: 4,726
Website

Re: txp:section_list and extra classes

Either you create a form and use the attribute form="my-section-form", … or you can use the tag as a container:

<txp:section_list class="nav" wraptag="ul" break="li" breakclass="nav-item">
    <a class="nav-link" href="<txp:site_url /><txp:section />"><txp:section title /></a>
</txp:section_list>

You might even be able to do: <txp:section link title class="nav-link" /> but I’m not sure, but the long-hard version above allows you to set a class for the active section:

<txp:variable name="current_section"><txp:section /></txp:variable>
<txp:section_list class="nav" wraptag="ul" break="li" breakclass="nav-item">
    <a class="nav-link" href="<txp:site_url /><txp:section />"<txp:if_variable name="current_section" value='<txp:section />'> aria-current="page"</txp:if_variable>
        <txp:section title />
    </a>
</txp:section_list>

TXP Builders – finely-crafted code, design and txp

Offline

Board footer

Powered by FluxBB