Hide Sidebar in Craft 3 Control Panel

description.md

Hide sidebar in Craft 3 _layouts/cp

Snippet for hiding the sidebar in the Craft 3 control panel for Element index pages.

Since the Craft 3 sidebar handles the index source for querying elements it can be tricky disabling the sidebar and still executing the query.

This uses a twig macro to duplicate the sidebar and hide it while still being able to pass an index source for the query.

See the Craft templates/_layouts/cp.html file for more layout information

index.twig

{% extends "_layouts/cp" %}

{% set elementType = 'Element' %}

{% import 'macros' as macros %}

{% block content %}
    <div class="elementindex">
        {{ parent() }}

        {{ macros.setElementIndexSource('*') }}

        {% include "_elements/indexcontainer" with {
            showSiteMenu: true
        } %}
    </div>
{% endblock %}

macros.twig

{% macro setElementIndexSource(source) %}
    <div class="sidebar hidden">
        <nav>
            <ul>
                <li>
                    <a data-key="{{ source }}"></a>
                </li>
            </ul>
        </nav>
    </div>
{% endmacro %}