Vertical menu configuration
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 Admin/templates/partials/base.html.
To change Vertical layout header, comment horizontal block & block sidebar as shown below.
{% block header %}
{% include 'partials/header.html' %}
{% endblock header %}
{% block sidebar %}
{% include 'partials/sidebar.html' %}
{% comment %} {% include 'partials/horizontal-sidebar.html' %} {% endcomment %}
{% endblock sidebar %}
{% block content %}
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/partials/base.html in body tag.
Light Sidebar
Remove data attributedata-sidebar="light" body element to
have light sidebar.
Compact Sidebar
Keep your body element with data attributedata-sidebar-size="md" E.g.
<body data-sidebar-size="md">
to have compact sidebar.
Icon View Sidebar
Keep your body element with data attributedata-sidebar-size="sm" E.g.
<body data-sidebar-size="sm">
to have small sidebar.
Boxed Layout
Keep your body element with data attributedata-layout-size="boxed" E.g.
<body data-layout-size="boxed">
to have boxed layout.
Brand Sidebar
Keep your body element with data attributedata-sidebar="brand" E.g.
<body data-sidebar="brand"> to
have colored sidebar.
Scrollable Layout
Keep your body element with data attributedata-layout-scrollable="true" E.g.
<body data-layout-scrollable="true"> to
have scrollable layout.