¿Puedo tener por defecto una barra lateral oculta?

Soporte
1

Cuando habilito la navegación de la barra lateral, la barra lateral se muestra por defecto y la primera vez que un usuario hace clic en el icono del menú, oculta la barra lateral.

¿Puedo invertir esta configuración, de modo que la página de destino se muestre a pantalla completa en la carga inicial de la página y cuando un usuario haga clic en el icono del menú se revele la barra lateral?

2

Esto es algo similar, ya que la barra lateral parece estar controlada por el atributo aria-expanded

1 me gusta
3

¡Gracias por compartir esto! Ese sería este enfoque:

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

Lo que hace que la barra lateral se deslice al estado oculto. Por lo tanto, hay una animación automática al estar listo el documento, lo cual no es tan ideal.

De hecho, también pensé que la barra lateral estaba controlada por el atributo aria, así que lo había intentado:

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

Pero el atributo no controla el estado, solo lo indica. Así que ese fragmento cambiará el atributo, pero no el estado :upside_down_face:

1 me gusta
4

Hola Nolo,

He hecho un componente para lograr esto. Espero que ayude :slightly_smiling_face:

4 Me gusta
5

¡Oh sí, eso ayuda de verdad! :smile: Eso es con lo que tropecé pero no pude hacerlo funcionar..

Muchas gracias por compartir @Don :star2:

2 Me gusta
6

¡Gracias, Don! ¡Es brillante!

1 me gusta
7

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