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


Hi,

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: https://mdbootstrap.com/snippets/jquery/marcin-luczak/3115650

Keep coding, Marcin



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: Pro
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10 Enterprise
  • Provided sample code: No
  • Provided link: No