Adding class .active to current link in Laravel 5.2

Well, unless it is a single page app, adding and removing classes won't survive loading the next page.

Have a look at this recent thread https://laracasts.com/discuss/channels/laravel/parsing-active-menue-item-to-view for a few ideas

I tried:

<li class="{{ Request::path() == 'blogs/create' ? 'active' : '' }}">
    <a href="{{ route('blogs.create') }}">Create</a>
</li>

and works fine with /blogs/create but if I go to blogs/1 it doesn't get the class .active.

I added this to my helpers.php:

/**
 * Return nav-here if current path begins with this path.
 *
 * @param string $path
 * @return string
 */
function setActive($path)
{
    return Request::is($path . '*') ? ' class=active' :  '';
}

Then call it in my templates like this:

@can('manage-users')
                <li{{ setActive('admin/users') }}>
                    <a href="{{ url('admin/users') }}"><i class="fa fa-fw fa-user"></i> Users</a>
                </li>
                <li{{ setActive('admin/groups') }}>
                    <a href="{{ url('admin/groups') }}"><i class="fa fa-fw fa-group"></i> Groups</a>
                </li>
@endcan

helpers.php? Sorry, which one?

I created a helpers.php class in /app, then loaded it globally in composer.json:

"autoload": {
        "classmap": [
            "database"
        ],
        "files": [
            "app/helpers.php"
        ],
        "psr-4": {
            "App\\": "app/"
        }
    },

https://github.com/pyaesone17/active-state

don't forget to run composer dump-autoload after you have added the helpers file to your composer.json

You were almost there :

<li class="{{ Request::is('blogs*') ? 'active' : '' }}">
     <a href="{{ route('blogs.create') }}">Create</a>
</li>

every url starting with blogs will active this link.

I just found a great package from Dwight Watson called Active: https://packagist.org/packages/watson/active

You only need to run the package through Composer and add the service provider in your config/app.php file.

For the html you do something like this:

<ul class="nav navbar-nav">
        <li class="{{ active('blogs.index') }}">
            <a href="{{ route('blogs.index') }}">Blogs</a>
        </li>
        <li class="{{ active(['blogs.create', 'blogs/*']) }}"> 
            <a href="{{ route('blogs.create') }}">Create</a>
        </li>
 </ul>

@labanino https://packagist.org/packages/watson/active It helps me. Thanks to share.

@mmonkey Reply is the best approach you can use. Works like a charm for me. Thanks

Video lesson from Jeffrey with some details of @mmonkey's reply: https://laracasts.com/lessons/active-states

@Maynagashev thank you very much for the link :)

This is how I am managing for my websites.

<li class="{{  str_contains(Route::currentRouteAction(), [ 'App\\Http\\Controllers\\Admin\\ColorController@' ])  ? 'active' : '' }} ">
              <a href="{{ URL::action('Admin\ColorController@index') }}"><i class="fa fa-circle-o text-red"></i> <span>Colors</span></a>
 </li>

So How did you slove it? Or is is solved at all? It is something simular I'm trying to atm.

this is a very complete response and a great intro to using helpers as well. It works like a charm for a static menu or even for a dynamic one generated from a database query. Highly recommended. Thank you for sharing

I have created a simple but fun and easy to use package named Active which can solve your problem and maybe more...

I will be glad to see your comments.

Link of the package:

https://github.com/tuytoosh/active