sidenav mdb-accordion-item-head auto-collapse

Bartosz Termena staff commented 5 years ago

Hi!

Which version of MDB are you using? In the current version every side-nav works as you described (mdb-accordion-item-head to collapse automatically when you click on another mdb-accordion-item-head)

https://mdbootstrap.com/docs/angular/navigation/compositions/#f-s-f-n

Best Regards, Bartosz.

1001albertpadilla commented 5 years ago

I'm using ng-uikit-pro-standard-7.5.3.tgz . I can't upgrade to Angular 8 yet due to ngx-webstorage library limitations.

Is there any workaround that you can provide? Thanks!

Arkadiusz Idzikowski staff commented 5 years ago

Could you show us an example html/ts code that you use to render the sidenav component? Do you use [multiple]="true" input on the mdb-accordion component?

1001albertpadilla commented 5 years ago

mdb-side-nav #sidenav class="sn-bg-1-local fixed" [fixed]="true"> li> ul class="collapsible collapsible-accordion"> mdb-accordion [multiple]="true" aria-multiselectable="false">

           <mdb-accordion-item>
              <mdb-accordion-item-head mdbWavesEffect><mdb-icon fas icon="user-friends"></mdb-icon>Human Resources</mdb-accordion-item-head>

Arkadiusz Idzikowski staff commented 5 years ago

Please try to change the [multiple] input value to false. With this option accordion item should collapse when you open another one.

1001albertpadilla commented 5 years ago

It doesn't work if I have multiple nested mdb-accordion-item>

        **mdb-accordion-item>**
          mdb-accordion-item-head mdbWavesEffect><mdb-icon fas icon="briefcase"></mdb-icon>Admin</mdb-accordion-item-head>
          mdb-accordion-item-body>
            ul>
              li>
                **mdb-accordion-item>**
                  mdb-accordion-item-head mdbWavesEffect><mdb-icon fas icon="caret-right"></mdb-icon>Company Setup</mdb-accordion-item-head>
                  <mdb-accordion-item-body>
                ...
            **mdb-accordion-item>**

Arkadiusz Idzikowski staff commented 5 years ago

Could you paste here full html/ts code of the sidenav or send us a simple demo app on which we will be able to debug this problem? You can send it to a.idzikowski@mdbootstrap.com

1001albertpadilla commented 5 years ago

Sent the file to your email. Thanks!

1001albertpadilla commented 5 years ago

This has bee resolved. Added [multiple]="false" to all nested mdb-accordion. Thanks!