Fixed floating buttons (with actionbuttons)


Topic: Fixed floating buttons (with actionbuttons)

Macjohn asked 4 years ago

Upgrading my project from MDB4 to MDB5 I can't seem to figure out how to convert my fixed floating buttons with actions buttons to MDB5?

How do I do that?

This is the type I am talking about. (In the MDB4 version):

<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-lg red">
        <i class="fa fa-pencil"></i>
    </a>

    <ul>
        <li><a class="btn-floating red"><i class="fa fa-star"></i></a></li>
        <li><a class="btn-floating yellow darken-1"><i class="fa fa-user"></i></a></li>
        <li><a class="btn-floating green"><i class="fa fa-envelope"></i></a></li>
        <li><a class="btn-floating blue"><i class="fa fa-shopping-cart"></i></a></li>
    </ul>
</div>

Małgorzata Olborska staff answered 4 years ago

We have just worked on this functionality in MDB5 and we are going to add it to the package as soon as possible.


Macjohn answered 4 years ago

OK - that is good news. However, for planning purposes it would be great with an aprox idea of when as soon as possible could be? As we all know "soon" can be hours, days, weeks or months - depending on scope. And that is ok.

It would be good to know if I need to build some sort of replacement for this, until the functionality is implemented. Or If I can continue refactoring, and then get back to this within this or next week, when it has been implemented.


Małgorzata Olborska staff answered 4 years ago

We are now testing our component. If nothing wrong occurs during tests, we are going to release this next week.


Macjohn commented 4 years ago

How are the tests going? Any prognosis of the release of this?


Grzegorz Bujański staff commented 4 years ago

As planned they were added in version 3.2.0 and are now available: https://mdbootstrap.com/docs/standard/components/buttons/#section-fixed-buttons


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
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.0.0
  • Device: Laptop
  • Browser: Any
  • OS: MacOS
  • Provided sample code: No
  • Provided link: No