Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDBPro fixed action button red does not show the other buttons when hovered or clicked.

Aakash Banerjee priority asked 7 years ago


MDBPro fixed action button red does not show the other buttons when hovered or clicked. Is there any update or html fix I can make to make this work?

<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
<aclass="btn-floating btn-lg red">
<iclass="fa fa-pencil"></i>
</a>
<ul>
<li><a class="btn-floating red"><iclass="fa fa-star"></i></a></li>
<li><a class="btn-floating yellow darken-1"><iclass="fa fa-user"></i></a></li>
<li><a class="btn-floating green"><iclass="fa fa-envelope"></i></a></li>
<li><a class="btn-floating blue"><iclass="fa fa-shopping-cart"></i></a></li>
</ul>
</div>

Damian Gemza staff answered 7 years ago


Hello,

Dear Aakash, instead of you'r code, you have to build fixed buttons stricte in our way. You have to use our code from documentation. There are no ul and li. Only divs and a's. Other things wont work.

If you use stricte this code:


<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">

    <a class="btn-floating btn-large red waves-light" mdbRippleRadius (click)="fixed.toggle()">
        <i class="fa fa-pencil"></i>
    </a>

    <div class="fixed_collapse" [mdbCollapse]="isCollapsed" #fixed="bs-collapse">
        <a class="btn-floating red waves-light" mdbRippleRadius><i class="fa fa-star"></i></a>
        <a class="btn-floating yellow darken-1 waves-light" mdbRippleRadius><i class="fa fa-user"></i></a>
        <a class="btn-floating green waves-light" mdbRippleRadius><i class="fa fa-envelope"></i></a>
        <a class="btn-floating blue waves-light" mdbRippleRadius><i class="fa fa-shopping-cart"></i></a>
    </div>

</div>

It will works fine.

Best Regards,
Damian


Aakash Banerjee priority commented 7 years ago

Thank you Damian, Appreciate it. This works now.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags