Layouts

Sidebar and top navigation layout template blocks:

Templates

header_template

AdminLTE 2 navigation header template.

Default:

{% block header_template %}
    {% include 'adminlte2/components/header.html' %}
{% endblock header_template %}

sidebar_template

AdminLTE 2 navigation sidebar template.

Default:

{% block sidebar_template %}
    {% include 'adminlte2/components/sidebar.html' %}
{% endblock sidebar_template %}

messages_template

Django messages alert box template.

Default:

{% block messages_template %}
    {% include 'adminlte2/components/messages.html' %}
{% endblock messages_template %}

control_template

AdminLTE 2 control sidebar template.

Default:

{% block control_template %}
    {% include 'adminlte2/components/control.html %}
{% endblock control_template %}

footer_template

AdminLTE 2 footer template.

Default:

{% block footer_template %}
    {% include 'adminlte2/components/footer.html' %}
{% endblock footer_template %}

Content

content_template

AdminLTE 2 page content code.

Default:

{% block content_template %}
    <div class="content-wrapper">
        {% block content_wrapper %}
            {% block no_content_header %}
                <section class="content-header">
                    {% block content_header %}
                        {% block no_page_title %}
                            <h1>
                                {% block page_title %}{% endblock page_title %}
                                <small>{% block page_description %}{% endblock page_description %}</small>
                            </h1>
                        {% endblock no_page_title %}

                        {% block no_breadcrumbs %}
                            <ol class="breadcrumb">
                                {% block breadcrumbs %}{% endblock breadcrumbs %}
                            </ol>
                        {% endblock no_breadcrumbs %}
                    {% endblock content_header %}
                </section>
            {% endblock no_content_header %}

            {% block content_body %}
                <section class="content">
                    {% block messages_template %}
                        {% include 'adminlte2/components/messages.html' %}
                    {% endblock messages_template %}

                    {% block content %}
                    {% endblock content %}
                </section>
            {% endblock content_body %}
        {% endblock content_wrapper %}
    </div>
{% endblock content_template %}

content_wrapper

Page content <div class="content-wrapper"> code.

content_header

Page content header code. Contains the page title and description, and breadcrumb navigation.

Default:

{% block content_header %}
    {% block no_page_title %}
        <h1>
            {% block page_title %}{% endblock page_title %}
            <small>{% block page_description %}{% endblock page_description %}</small>
        </h1>
    {% endblock no_page_title %}

    {% block no_breadcrumbs %}
        <ol class="breadcrumb">
            {% block breadcrumbs %}{% endblock breadcrumbs %}
        </ol>
    {% endblock no_breadcrumbs %}
{% endblock content_header %}

no_content_header

Declare block as empty to remove page content header (page title and description, breadcrumb navigation):

{% block no_content_header %}{% endblock no_content_header %}

page_title

Page title text that will be displayed in the content header.

page_description

Page description text that will be displayed in the content header.

no_page_title

Declare block as empty to remove page title and description text:

{% block no_page_title %}{% endblock no_page_title %}

breadcrumbs

Breadcrumb navigation that will be displayed in the content header.

no_breadcrumbs

Declare block as empty to remove breadcrumb navigation:

{% block no_breadcrumbs %}{% endblock no_breadcrumbs %}

content_body

Page content body code. Contains the Django messages alert boxes and page main content.

Default:

{% block content_body %}
    <section class="content">
        {% block messages_template %}
            {% include 'adminlte2/components/messages.html' %}
        {% endblock messages_template %}

        {% block content %}
        {% endblock content %}
    </section>
{% endblock content_body %}

content

Page main content.

Header

Template blocks to customize the header component (adminlte2/components/header.html, adminlte2/components/header_top_navigation.html).

django-adminlte2-templates supports header for both sidebar (boxed, collapsed, fixed) and top navigation layouts:

logo

Header logo code.

Default for sidebar:

{% block logo %}
    <a href="{% block logo_href %}/{% endblock %}" class="logo">
        <span class="logo-mini">{% block logo_mini %}<b>A</b>LTE{% endblock logo_mini %}</span>
        <span class="logo-lg">{% block logo_lg %}<b>Admin</b>LTE{% endblock logo_lg %}</span>
    </a>
{% endblock logo %}

Default for top navigation:

{% block logo %}
    <a href="{% block logo_href %}/{% endblock logo_href %}" class="navbar-brand">
        {% block logo_lg %}
            <b>Admin</b>LTE
        {% endblock logo_lg %}
    </a>
{% endblock logo %}

logo_href

Header logo link URL.

Defaults to /.

logo_mini

(sidebar only) Header logo content when the sidebar content is collapsed.

Default:

{% block logo_mini %}<b>A</b>LTE{% endblock logo_mini %}

logo_lg

Header logo content when sidebar content is exposed, or for top navigation layout.

Default:

{% block logo_lg %}<b>Admin</b>LTE{% endblock logo_lg %}

header_content

Header main content code.

Default for sidebar:

{% block header_content %}
    <nav class="navbar navbar-static-top">
        {% block sidebar_toggle %}
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">
                    {% block sidebar_toggle_text %}Toggle navigation{% endblock sidebar_toggle_text %}
                </span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
        {% endblock sidebar_toggle %}

        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                {% block header_items %}
                {% endblock header_items %}
            </ul>
        </div>
    </nav>
{% endblock header_content %}

Default for top navigation:

{% block header_content %}
    <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
        <ul class="nav navbar-nav">
            {% block header_items_left %}
            {% endblock header_items_left %}
        </ul>
    </div>

    <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
            {% block header_items %}
                {% block header_items_right %}
                {% endblock header_items_right %}
            {% endblock header_items %}
        </ul>
    </div>
{% endblock header_content %}

header_items

Header (right) navigation items.

header_items_left

(top navigation only) Header left navigation items.

header_items_right

(top navigation only) Header right navigation items. Alias for header_items.

Default:

{% block header_items %}
    {% block header_items_right %}
    {% endblock header_items_right %}
{% endblock header_items %}

sidebar_toggle

(sidebar only) Sidebar toggle button for sidebar (boxed, collapsed, fixed) layouts.

Default:

{% block sidebar_toggle %}
    <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">
            {% block sidebar_toggle_text %}Toggle navigation{% endblock sidebar_toggle_text %}
        </span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </a>
{% endblock sidebar_toggle %}

sidebar_toggle_text

(sidebar only) Sidebar toggle button screenreader text for sidebar (boxed, collapsed, fixed) layouts.

Defaults to Toggle navigation.

header_toggle

(top navigation only) Responsive toggle button for left navigation links.

Default:

{% block header_toggle %}
    <button type="button" class="navbar-toggle collapsed"
            data-toggle="collapse" data-target="#navbar-collapse">
        <span class="sr-only">
            {% block header_toggle_text %}Toggle navigation{% endblock header_toggle_text %}
        </span>
        <i class="fa fa-bars"></i>
    </button>
{% endblock header_toggle %}

header_toggle_text

(top navigation only) Responsive toggle button screenreader text for left navigation links.

Defaults to Toggle navigation.

Sidebar

Template blocks to customize the sidebar component (adminlte2/components/sidebar.html):

sidebar_title

Sidebar navigation title text.

Default:

<li class="header">{% block sidebar_title %}MAIN NAVIGATION{% endblock sidebar_title %}</li>

no_sidebar_title

Declare block as empty to remove sidebar title:

{% block no_sidebar_title %}{% endblock no_sidebar_title %}

sidebar_form

Sidebar space for form elements.

sidebar_items

Sidebar navigation items.

Control

Template blocks to customize the control component (adminlte2/components/control.html):

control_items

Control sidebar navigation items.

control_tabs

Control sidebar navigation tab contents.

Messages

Template blocks to customize the Django messages alert boxes component (adminlte2/components/messages.html):

message_debug

DEBUG alert box.

Default:

<div class="alert alert-info alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

message_info

INFO alert box.

Default:

<div class="alert alert-info alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

message_success

SUCCESS alert box.

Default:

<div class="alert alert-success alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

message_warning

WARNING alert box.

Default:

<div class="alert alert-warning alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

message_error

ERROR alert box.

Default:

<div class="alert alert-error alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

message_default

Custom message alert box.

Default:

<div class="alert alert-info alert-dismissible">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    {{ message }}
</div>

Footer

Template blocks to customize the footer components (adminlte2/components/footer.html), (adminlte2/components/footer_top_navigation):

footer_content

Footer content code.

Default:

{% block footer_content %}

    <div class="pull-right hidden-xs">
        {% block footer_right %}
            <b>Version</b> {% block footer_version %}#.#.#{% endblock footer_version %}
        {% endblock footer_right %}
    </div>

    {% block footer_left %}
        {% block footer_legal %}
            <strong>Copyright &copy; {% now "Y" %}.</strong> All rights reserved.
        {% endblock footer_legal %}
    {% endblock footer_left %}

{% endblock footer_content %}

footer_left

Footer left side content.

Default:

{% block footer_left %}
    {% block footer_legal %}
        <strong>Copyright &copy; {% now "Y" %}.</strong> All rights reserved.
    {% endblock footer_legal %}
{% endblock footer_left %}

footer_right

Footer right side content.

Default:

<div class="pull-right hidden-xs">
    {% block footer_right %}
        <b>Version</b> {% block footer_version %}{{ ADMINLTE_FOOTER_VERSION }}{% endblock footer_version %}
    {% endblock footer_right %}
</div>

footer_version

Footer version text.

Default:

<b>Version</b> {% block footer_version %}{{ ADMINLTE_FOOTER_VERSION }}{% endblock footer_version %}

footer_legal

Footer legal text.

Default:

{% block footer_legal %}
    <strong>Copyright &copy; {% now "Y" %}.</strong> All rights reserved.
{% endblock footer_legal %}