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!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Height of fixed button

Kneidels pro asked 4 years ago

I noticed this issue when installing the new version, after having used 4.7the Fixed button container has a height of 500px.which means it covers other buttons or menu item (or anything, really) that happen to be within 500 pixels of it (which could land up to b a lot!)

Here is the snippet, based on your basic setup (no changes made by me): https://mdbootstrap.com/snippets/jquery/moshe/2084785

Screenshot:enter image description here

and here is a screenshot from my own app, where you can see how this massive height covers menu items and potentially anything above it:

enter image description here

My code:

<div class="fixed-action-btn smooth-scroll" style="bottom: 25px; right: 24px;">
<a href="ticket_entry" class="btn-floating btn-large blue  waves-effect waves-light"><!-- waves-effect-->
    <i class="material-icons">add</i>
</a>

What can be done to fix this?

Thanks

Grzegorz Bujański staff commented 4 years ago

Hi. We don't have any workaround solution at this moment. We have this issue in ours to do list.

Kneidels pro commented 4 years ago

Thanks. what about changing the height to 100px ....?

Grzegorz Bujański staff commented 4 years ago

This is a solution that we are considering but needs to be implemented and tested

Odermatt premium answered 3 years ago

Hi, How can I change the height of the subbuttons (list items) if I want to show only two not four?

Here is the snippet, based on the basic setup: https://mdbootstrap.com/snippets/jquery/moshe/2084785

Thx Urs

Marcin Luczak staff commented 3 years ago

Hi,

I've refactored your snippet so it does what you said. The only changes made are height styles added to the elements: https://mdbootstrap.com/snippets/jquery/marcin-luczak/3131796

Keep coding, Marcin

daunus premium answered 4 years ago

Hi,

I have the same issue - when do you plan to fix it? MDB PRO 4.19.0 (jquery)

Piotr

Grzegorz Bujański staff commented 4 years ago

Hi. This will be fixed in the next release

daunus premium commented 4 years ago

Great: works fine in MDB PRO 4.19.1

Thanks!

Grzegorz Bujański staff commented 4 years ago

You're welcome :)
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
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.18.0
  • Device: PC/Mobile
  • Browser: Chrome/Firefox
  • OS: Win10/Android
  • Provided sample code: No
  • Provided link: Yes
Tags
fixed-button
About author
Kneidels
Pro User 257Support score
39Questions 11Answers 20Snippets