django how to set a navbar active

Solutions on MaxInterview for django how to set a navbar active by the best coders in the world

showing results for - "django how to set a navbar active"

16 Jan 2019

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

Veronica

04 Jun 2016

1<li class="nav-item {% if request.resolver_match.view_name == 'scores:list' %}active{% endif %}">
2    <a class="nav-link" href="{% url 'scores:list' %}">Scores</a>
3</li>
4

similar questions

django debug toolbar django active link django admin action djangodebug toolbar not showing python menu how to add an active class to current element in navbar in django python console menu django console python terminal menu django add custom commands to manage py how to make python3 9 active

queries leading to this page

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