Vertical Layouts

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

If you would like to have Vertical 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/partials/base.html.

To change Vertical layout you need un-comment block header & block sidebar as shown below.

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

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

Also you need to comment the Vertical layout code show the below. It will be Default commented in this template.

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

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

image
Light Sidebar
{% block body %}data-sidebar="dark"{% endblock body %}
image
Compact Sidebar
{% block body %}data-topbar="colored"{% endblock body %}
image
Icon Sidebar
{% block body %}data-sidebar="dark" data-keep-enlarged="true" class="vertical-collpsed"{% endblock body %}
image
Boxed Layout
{% block body %}data-sidebar="dark" data-keep-enlarged="true" class="vertical-collpsed" data-layout-size="boxed"{% endblock body %}
© Upzet.
Crafted with by Themesdesign