Nav bar activate in jinja

{% set navigation_bar = [
    ('/', 'index', 'Index'),
    ('/downloads/', 'downloads', 'Downloads'),
    ('/about/', 'about', 'About')
] -%}

{% set active_page = active_page|default('index') -%}
...
<ul id="navigation">
    {% for href, id, caption in navigation_bar %}
    <li{% if id == active_page %} class="active"{% endif
    %}><a href="{{ href|e }}">{{ caption|e }}</a>
    </li>
{% endfor %}
</ul>

Source: stackoverflow.com

Nav bar activate in jinja

{% extends "layout.html" %}
{% set active_page = "index" %}

Source: stackoverflow.com

Similar codes

1 vote157 views1 answer
Nuxt route id nuxt link
Html
0 vote146 views1 answer
Html how to change button text
Html
10 votes134 views3 answers
Jqury get selected option
Html
63 votes144 views5 answers
How to make links in html
Html
2 votes131 views2 answers
Add html img tag
Html
1 vote144 views2 answers
Form action in html
Html
-2 votes139 views4 answers
Header
Html
3 votes141 views2 answers
Disabled a click
Html
1 vote140 views1 answer
How to center link in html
Html
15 votes142 views2 answers
Bootstrap 5 accordion
Html