Hi, my name is David Carr and I'm a PHP Developer.

Blog Archives Categories Authors About Me Open Source Books Contact Me

Sponsor Me

Help support the blog so that I can continue creating new content!

My Latest Book

Laravel: The Modular way

Learn how to build modular applications with Laravel Find out more

Laravel 5.4 toggle sidebar state with AdminLte using Ajax and Sessions

Laravel Framework | PHP & MySQL

David Carr

Laravel 5.4 toggle sidebar state with AdminLte using Ajax and Sessions

AdminLte is a great Admin theme, one feature that’s really good is being able to toggle the sidebar open and closed but this state does not remain from page to page, wouldn't it be great that when you closed the sidebar it stays closed? 

In this post, I’ll show you how to save its state.

First, add an id of sidebarToggle (you can use the class if you prefer) to the toggle a link. This will be used to detect each time the toggle is clicked on.

<li><a href="#" id='sidebarToggle' class="sidebar-toggle" data-toggle="offcanvas" role="button">
    <i class="fa fa-bars"></i>

Setup an ajax listener, this will fire an ajax request each time the toggle is clicked.

$('#sidebarToggle').on('click', function(e) {
        type: "POST",
        url: "{{ url('dashboard/savestate') }}"

A post route is now required:

Route::post('savestate', 'DashboardController@saveState');

Now in the controller check if there is a session called sidebarState if there is remove it otherwise set the value of ‘sidebar-collapse’ this will be used on the layout.

public function saveState()
    //if no session then save as colaped
    if (Session::has('sidebarState')) {
    } else {
        //colapse sidebar
        Session::put('sidebarState', 'sidebar-collapse');

Now back in the layout on the body tag pass in the session:

<body class="skin-black sidebar-mini {{ Session::get('sidebarState') }}">

Now every time the toggle is clicked its state will be preserved for the lifetime of the session.

Copyright © 2009 - 2022 David Carr. All code MIT license. All rights reserved.