Topic: Collapse overlay footer

karalaitis1 free asked 5 years ago

Im build web app with Angular + MDBootstrap and I'm having problem with footer and collapses. Is there any way to make footer make on bottom then its collapsed and Im pretty sure there is a way. Also Im not interested to make footer sticky. Blue is footer, Grey cards are from collapse   Footer: <app-footer class="page-footer center-on-small-only pt-0 mt-5"></app-footer> Collapses:
<div class="" [mdbCollapse]="isCollapsed" #signCategory0="bs-collapse">

          <div *ngFor="let category of signs[0]['tree']">

            <div class="card card-body hoverable mt-1 ket-item" *ngIf="isObject(category)">

            <div *ngFor="let s of category[isObject(category)]; let i = index ">


              <div class="row" *ngIf="i % 3 === 0">
                <div class="col-md-4 my-2 col-12 col-sm-8 mx-auto col-lg-4 col-xl-4">

                  <div class="card animated fadeIn sign-card hoverable"
                    <!-- Card image -->
                    <div class="sign-img-row">
                        alt="Card image cap">

                    <div class="card-body">

                      <p class="card-text">{{category[isObject(category)][i].text}}</p>



Arkadiusz Idzikowski staff answered 5 years ago

Dear karalaitis1, Please provide full example code on which I could debug your problem and more informations about reproduction steps. There is an input [isCollapsed] in mdb-collapse component that you can use to set default collapsed state to true/false. And footer position can be set with 'fixed-bottom' class for example. Regards, Arek

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Laptop
  • Browser: Firefox
  • OS: Ubuntu 16
  • Provided sample code: Yes
  • Provided link: No