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 %}
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">×</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">×</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">×</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">×</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">×</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">×</button> {{ message }} </div>