Navigation Active Class using Laravel Example

Today, We want to share with you Navigation Active Class using Laravel Example.In this post we will show you Laravel 5.7 active menu item using request, hear for Adding class .active to current link in Laravel we will give you demo and example for implement.In this post, we will learn about php – Setting Bootstrap navbar active class in Laravel 5 with an example.

Navigation Active Class using Laravel Example

There are the Following The simple About Navigation Active Class using Laravel Example Full Information With Example and source code.

As I will cover this Post with live Working example to develop Add active class to current link in laravel 5.7, so the PHP Laravel Dynamically Add Active Navigation Class Example is following below.

Also Read :  How to Implement Sweet Alert in Laravel Application

Example 1: Laravel – Using Request::is()

// For home page
<li class="{{ Request::is('/') ? 'active' : '' }}">
    <a href="{{ url('/') }}">Home</a>
</li>
// For sub pages like https://pakainfo.com/projects
<li class="{{ Request::is('projects') ? 'active' : '' }}">
     <a href="{{ url('projects') }}">projects</a>
</li>
// For projects inner link like projects/module
<li class="{{ Request::is('projects/module') ? 'active' : '' }}">
     <a href="{{ url('projects/module') }}">Module</a>
</li>
// For every url starting with projects will active this link
<li class="{{ Request::is('projects*') ? 'active' : '' }}">
     <a href="{{ url('projects/edit') }}">Edit</a>
</li>

Example 2: Laravel – Using Request::path()

// For https://pakainfo.com/projects
<li class="{{ Request::path() == 'projects' ? 'active' : '' }}">
     <a href="{{ url('projects') }}">projects</a>
</li>
// For projects inner link like projects/module
<li class="{{ Request::path() == 'projects/module' ? 'active' : '' }}">
     <a href="{{ url('projects/module') }}">Module</a>
</li>

Example 3: Laravel – Using Request::segment()

// For https://pakainfo.com/projects
<li class="{{ Request::segment(1) == 'projects' ? 'active' : '' }}">
     <a href="{{ url('projects') }}">projects</a>
</li>
// For projects inner link like projects/module
<li class="{{ Request::segment(2) == 'module' ? 'active' : '' }}">
     <a href="{{ url('projects/module') }}">Module</a>
</li>

Example 4: Laravel – Using Request::url()

// For https://pakainfo.com/projects
<li class="{{ Request::url()== url('/projects') ? 'active' : '' }}">
     <a href="{{ url('projects') }}">projects</a>
</li>
// For projects inner link like projects/module
<li class="{{ Request::segment(2) == 'module' ? 'active' : '' }}">
     <a href="{{ url('projects/module') }}">Module</a>
</li>

Angular 6 CRUD Operations Application Tutorials

Read :

Also Read :  Laravel 5.7 Bootstrap Admin Panel Templates Integrate

Summary

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

I hope you get an idea about Navigation Active Class using Laravel Example.
I would like to have feedback on my Pakainfo.com 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.

Gondaliya Jaydeep

Hi, I’m Jaydeep Gondaliya, PHP developer.Pakainfo.com is the most popular Programming & Web Development blog. Our mission is to provide the best online resources on programming and web development.Any visitors of this site are free to browse our tutorials, live demos, Examples and download scripts.If you have a project that you want to get started, launch quickly, contact me. Email : [email protected]