Posso definir a barra lateral oculta como padrão?

Suporte
1

Quando habilito a navegação da barra lateral, a barra lateral é exibida por padrão e, na primeira vez que um usuário clica no ícone do menu, a barra lateral é ocultada.

Posso reverter essa configuração, para que a página de destino seja exibida em largura total no carregamento inicial da página e, quando um usuário clicar no ícone do menu, a barra lateral seja revelada?

2

Isso é um tanto semelhante, pois a barra lateral parece ser controlada pelo atributo aria-expanded

1 curtida
3

Obrigado por compartilhar! Essa seria essa abordagem:


<script>
    $(document).ready(function(){
        jQuery(function(){
            jQuery('button.btn-sidebar-toggle).click();
        });
    })
</script>

O que faz a barra lateral deslizar para o estado oculto. Portanto, há uma animação automática no documento pronto, o que não é tão ideal.

Na verdade, também pensei que a barra lateral fosse controlada pelo atributo aria, então tentei isto:


<script>
  $(document).ready(function(){
    $("button.btn-sidebar-toggle").attr("aria-expanded","false");
  })
</script>

Mas o atributo não está controlando o estado, está apenas indicando-o. Portanto, esse trecho mudará o atributo, mas não o estado :upside_down_face:

1 curtida
4

Olá Nolo,

Fiz um componente para conseguir isso. Espero que ajude :slightly_smiling_face:

4 curtidas
5

Sim, isso ajuda bastante! :smile: Era com isso que eu estava me enrolando, mas não conseguia fazer funcionar..

Muito obrigado por compartilhar, @Don :star2:

2 curtidas
6

Obrigado, Don! É brilhante!

1 curtida
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.