Vertical menu configuration
How to use pre-built layouts?
Each of the layout options is provided below with
steps you would need to perform in app/Views/partials/body.php:
You need do the below changes in the components/sidebar.vue file in the mounted method.
- Dark
- document.body.setAttribute("data-sidebar-color", "dark");
- Brand
- document.body.setAttribute("data-sidebar-color", "brand");
- Gradient
- document.body.setAttribute("data-sidebar-color", "gradient");
- Condensed
- document.body.setAttribute("data-sidebar-color", "condensed");
- Icon
- document.body.setAttribute("data-sidebar-color", "icon");
document.body.classList.add("vertical-collpsed");
document.body.setAttribute("data-sidebar", "dark");
- Colored
- document.body.setAttribute("data-sidebar-color", "colored");
- Boxed
- document.body.setAttribute("data-sidebar-color", "boxed");
document.body.setAttribute("data-sidebar-size", "condensed");
- Compact
- document.body.setAttribute("data-sidebar-color", "compact");