Laravel 6 Set Active Navigation Menu Example

Today, We want to share with you Laravel 6 Set Active Navigation Menu.In this post we will show you Dynamically add active menu item in Bootstrap using Laravel 6, hear for Laravel active menu item for url included parameters we will give you demo and example for implement.In this post, we will learn about Apply Dynamic Active Class on Current Menu Item Laravel with an example.

Laravel 6 Set Active Navigation Menu

There are the Following The simple About Laravel 6 Set an Active Menu Link From Scratch Full Information With Example and source code.

Free Live Chat for Any Issue

As I will cover this Post with live Working example to develop How to add dynamic Active class on selected page using Laravel 6, so the how to set bootstrap navbar class active in Laravel 6 is used for this example is following below.

Also Read This 👉   How to Change the Image Source Using jQuery?

How to Make Menu Item Active by URL/Route using Laravel?

    <a href="{{ route('products.categories.index') }}">
        <i class="fa fa-flag"></i> <span>Category</span>
<li class="active">
    <a href="{{ route('products.categories.index') }}">
        <i class="fa fa-file"></i> <span>Menu</span>
    <a href="{{ route('products.categories.index') }}">
        <i class="fa fa-edit"></i> <span>Types</span>

we’re interested in is class=”active”.

<li class="{{ ($some_condition_if_active) ? 'active' : '' }}">  

Example 1: Exact URL in Laravel

use helper function $request->is().

<li class="{{ (request()->is('products/categories')) ? 'active' : '' }}">  

Example 2:Starting with the URL

URL like /products/categories, /post/categories/edit etc.

<li class="{{ (request()->is('products/categories*')) ? 'active' : '' }}">  

Example 3: Matching URL Segment in Laravel

laravel get URL segments

<li class="{{ (request()->segment(2) == 'categories') ? 'active' : '' }}">  

URL like /products/categories, /post/categories/edit etc.

Also Read This 👉   Laravel 5.8 active menu item using request

Example 4: Matching Route by Name


Route::middleware(['auth'])->prefix('products')->name('products.')->group(function() {
    Route::resource('categories', 'Admin\CategoryController');

Accessing The Current Route

Laravel 6 current, currentRouteName, and currentRouteAction methods

$route = Route::current();

$name = Route::currentRouteName();

$action = Route::currentRouteAction();

we use Route::getCurrentName() method.

<li class="{{ (strpos(Route::currentRouteName(), 'products.categories') == 0) ? 'active' : '' }}">  

Web Programming Tutorials Example with Demo

Read :


You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Laravel 6 active menu item using request.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Rate this post