how to remove waves effect on buttons with .btn class


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

Avinash Dv asked 4 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

Marta Szymanska staff pro premium answered 4 years ago

Hi, if you comment this line in mdb.jsWaves.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 commented 2 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 Szymanska staff pro premium commented 2 years ago

Hi,

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

Best, Marta


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes