how to add an active class to current element in navbar in django

Solutions on MaxInterview for how to add an active class to current element in navbar in django by the best coders in the world

showing results for - "how to add an active class to current element in navbar in django"

15 Oct 2017

1# navbar_demo/pages/views.py... 
2
3'''We will pass a unique variable for each page whose value will be 'active' to make 
4a page active in navbar when it call.'''
5
6def index(request):    
7  context = {"home_page": "active"} # new info here    
8  return render(request, 'pages/index.html', context)
9
10def about(request):    
11  context = {"about_page": "active"} # new info here    
12  return render(request, 'pages/about.html', context)
13
14def contact(request):    
15  context = {"contact_page": "active"} # new info here    
16  return render(request, 'pages/contact.html', context)
17
18# In html file #
19 
20'''  
21<ul class="navbar-nav">
22  <li class="nav-item {{ home_page }}">
23      <a class="nav-link" href="{% url 'index' %}">Home</a>
24   </li>
25   <li class="nav-item {{ about_page }}">
26      <a class="nav-link" href="{% url 'about' %}">About</a>
27    </li>
28   <li class="nav-item {{ contact_page }}">
29       <a class="nav-link" href="{% url 'contact' %}">Contact</a>
30    </li>
31 </ul>
32'''

source

Nada

30 Jul 2016

1<li {% if request.resolver_match.url_name == 'home' %}class="active"{% endif %}>
2    <a href="/">HOME</a>
3</li>
4

similar questions

django active link how to make python3 9 active django how to set a navbar active

queries leading to this page

navbar item change by page in django call url form html django href nav how to put an active attribute in django class django bootstrap menu active class django active navbar how to set active navbar from base template how to set active for base hmtml files in django django base template active class add active menu django bootstrap navbar active in django get active tab in django active menu in django in html django nav item classes active menu django nav item active django switch active link django putting active class in django active bootstrap in django django navbar set active how to make the active class in a navbar synamic in django how to add an active class to current element in navbar in django add active class to django navbar how to active navbar link of boostrap in django how to put an active attribute in django django how to set a navbar active navbar active with django bootstrap active navbar class django how to add an active class to current element in navbar in django