Topic: Collapse overlay footer

karalaitis1 free asked 6 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)">
              <small>

                <strong>
                  {{isObject(category)}}
                </strong>
              </small>
            </div>
            <div *ngFor="let s of category[isObject(category)]; let i = index ">

              <!--category[isObject(category)]-->

              <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"
                       *ngIf="category[isObject(category)][i]">
                    <!-- Card image -->
                    <div class="sign-img-row">
                      <img
                        *ngIf="category[isObject(category)][i].image"
                        class="card-img-top"
                        [src]="'/assets/signs/'+category[isObject(category)][i].image"
                        alt="Card image cap">
                    </div>

                    <div class="card-body">

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

                    </div>

                  </div>
                </div>

Arkadiusz Idzikowski staff answered 6 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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: 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