Topic: btn effects not working

Chérif Ndf free asked 4 years ago


I have some weird behavior with my mbd pro. I don't know where is the problem. At the beginning, the components (buttons) were working. But after 15mn, they aren't working anymore..

<button type="button" class="btn btn-default btn-rounded">Default</button>
<button type="button" class="btn btn-secondary btn-rounded">Secondary</button>

Can you help me to understand please ?


enter image description here

Konrad Stępień staff answered 4 years ago

Hi @Chérif Ndf,

Because you should be using something like this:

<button type="button" mdbBtn color="primary" mdbWavesEffect>Primary</button>
<button type="button" mdbBtn color="secondary" mdbWavesEffect>Secondary</button>
<button type="button" mdbBtn color="success" mdbWavesEffect>Success</button>
<button type="button" mdbBtn color="danger" mdbWavesEffect>Danger</button>
<button type="button" mdbBtn color="warning" mdbWavesEffect>Warning</button>
<button type="button" mdbBtn color="info" mdbWavesEffect>Info</button>
<button type="button" mdbBtn color="light" mdbWavesEffect>Light</button>
<button type="button" mdbBtn color="dark" mdbWavesEffect>Dark</button>
<button type="button" mdbBtn color="link">Link</button>

The mdbBtn directive is important to use in angular version.

Chérif Ndf free commented 4 years ago

Hi @Konrad Stępień ,

Yeah it's working now. Thanks !

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No