Floating button with badge

  1. MDB Home Page
  2. Support Main Page
  3. Other
Topic: Floating button with badge

Halousek pro asked 4 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 4 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

Write
Create snippet
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: Pro
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10 Enterprise
  • Provided sample code: No
  • Provided link: No
Tags
badge-floating
About author
Halousek
Pro User
5Support score
1Questions 0Answers
0Snippets likes 0Snippets