fixed button with waves does not work

Topic: fixed button with waves does not work

Kneidels pro asked 6 years ago

Hi! Using 4.4.3 i have a fixed button on the bottom of the pages, that does not work. If i right-click it opens fine, but the action seems to be blocked from opening on the same page Code:

<div class="fixed-action-btn" style="bottom: 25px; right: 24px;">
 <a href="ticket_entry.asp" class="btn-floating btn-large blue">
 <i class="material-icons">add</i>
 </a>
</div>

has anyone run into this?

Add comment

Ollie Vincent pro answered 6 years ago

1 0 Best answer

Hi, I see your problem, but I think I have found a fix... There is some script in mdb.js preventing external urls from opening on fixed buttons. Paste this code into your JavaScript section:

<script>$(document).ready(function () {

$('.fixed-action-btn').unbind('click');

});</script>

Kneidels pro commented 6 years ago

perfect - this works well. is this a temporary fix? will it be integrated later on to the final code?

Ollie Vincent pro commented 6 years ago

No idea - thats a question for them :) Glad it works

Add comment

Jakub Strebeyko staff answered 6 years ago

0 0 Best answer

Hi there moshe,

Was the binding problem solved with Ollie's suggestion? If it is valid it just might be included into next update. Did the wave effect start working? If no, please share some details about your environment and the context you're using the button.

With Best Regards,
Kuba

Ollie Vincent pro commented 6 years ago

Hi, I think the Javascript above did the trick :) Please include in the next update.

Kneidels pro commented 6 years ago

correct - it did indeed work. thanks all.

Add comment

Ollie Vincent pro answered 6 years ago

0 0 Best answer

Hi, Looks like you are missing the waves-effect class Try this:

<div class="fixed-action-btn"style="bottom: 25px; right: 24px;">

<a href="ticket_entry.asp"class="btn-floating btn-large blue waves-effect">

<i class="material-icons">add</i>

</a>

</div>

Kneidels pro commented 6 years ago

The waves effect are added in automatically via the script. i see them as i click on the button. in fact my suspicion is that that might be whats making the button un-clickable for some reason.

Ollie Vincent pro commented 6 years ago

Can you try the code above and if that doesnt work can you please describe in detail?

Kneidels pro commented 6 years ago

Thanks. no change. i still get the waves effect as I click on the button, but no href is launched. thanks

Add comment

Write

Create snippet

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: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Kneidels

Pro User 257Support score
39Questions 11Answers 20Snippets