Horizontal Layouts

You can change or customize the left side navigation very easily.

If you would like to have Horizontal Menu (or Topnav) based layout then perform below change.

Each of the layout options is provided below with steps you would need to perform in file Upzet-Django/templates/partial/base.html and add {% block body %}data-layout="horizontal"{% endblock body %} in body tag.

To change Horizontal layout header, comment vertical block header & block sidebar as shown below.

    {% comment %}
        {% block header %}
            {% include 'partials/header.html' %}
        {% endblock %}

        {% block sidebar %}
            {% include 'partials/sidebar.html' %}
        {% endblock %}
    {% endcomment %}

and un-comment block header as shown below.

    {% block header %}
    {% include 'partials/hori-header.html' %}
    {% endblock %}
    
    {% block sidebar %}
    {% include 'partials/hori-sidebar.html' %}
    {% endblock %}
How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in file Admin/templates/partial/base.html in body tag.

image
Topbar Dark
{% block body %}data-topbar="dark" data-layout="horizontal"{% endblock body %}
image
Boxed Width
{% block body %}data-topbar="light" data-layout="horizontal" data-layout-size="boxed"{% endblock body %}
© Upzet.
Crafted with by Themesdesign