how to remove waves effect on buttons with .btn class

Topic: how to remove waves effect on buttons with .btn class

Avinash Dv free asked 6 years ago

Need suggestion to remove the waves-effect on buttons by default, I have already gone through this https://mdbootstrap.com/support/disable-waves/ but of no use. Any other way to do so

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

Hi, if you comment this line in mdb.js: Waves.attach('.btn:not(.btn-flat), .btn-floating', ['waves-light']);, safe the file and minify it will work. If you don't minify mdb.js file, please remember to use in your index.html this script <script type="text/javascript" src="js/mdb.js"></script>. Best, Marta

webgenery free commented 4 years ago

This is not easier to add a class 'no-waves' and did something like that ? Waves.attach('.btn:not(.btn-flat):not(.no-waves)

Maybe add this in next version to avoid making manual changes in mdb.js

Marta Wierzbicka staff commented 4 years ago

Hi,

thank you for your suggestion, we will think about it.

Best, Marta

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: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

Avinash Dv

0Support score
2Questions 0Answers 0Snippets