Topic: Floating button with badge

Halousek pro asked 3 years ago

Expected behavior I'm using Version: MDB PRO 4.5.2 I try to use floating button with badge. But badge is not visible. I wan to display number of changes before submit.

Actual behavior Badge is hidden on bottom of button

Resources (screenshots, code snippets etc.)

Marcin Luczak staff answered 3 years ago


Floating buttons are designed to contain as few elements as possible, so the badge is being pushed down. You can fix that with .e.g wrapping the button and the badge with another element, and positioning the badge as you want. Please see my snippet:

Keep coding, Marcin

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10 Enterprise
  • Provided sample code: No
  • Provided link: No