Tipo de barra lateral
Os layouts de barra lateral que podem ser implementados com apenas uma mudança de opções para "page-wrapper"
Consulte os detalhes abaixo:
Se você quiser alterar o tipo de layout para todas as páginas, você precisa setar configurações no localstorage
Layout da barra lateral vertical
A barra padrão do template é a barra lateral vertical
Para o layout vertical, você precisa usar a classe "compact-wrapper com page-wrapper
<div class="compact-wrapper" id="pageWrapper">
</div>Layout da barra lateral horizontal
Para o layout horizontal, você precisa mudar a classe compact-wrapper para
horizontal sidebar
é oferecido a estrutura de código para o menu horizontal
<div class="page-wrapper horizontal-sidebar" id="pageWrapper">
</div>Se você quiser alterar o modelo inteiro horizontal menu precisará alterar
one js e também as configurações do localstorage
$(".horizontal-setting").click(function () {
$(".page-wrapper").addClass("horizontal-sidebar");
$(".page-wrapper").removeClass("compact-wrapper");
});Configurações da barra lateral
Barra lateral de cores do ícone
Para as configurações da barra lateral, você só precisa adicionar o atributo data-sidebar-layout="iconcolor-sidebar" na classe page-sidebar
<aside class="page-sidebar" data-sidebar-layout="iconcolor-sidebar">
</aside>