btn effects not working


Topic: btn effects not working

Chérif Ndf pro asked 2 months ago

Hi,

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 ?

Thanks.

enter image description here


Konrad Stępień staff answered 2 months 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 pro commented 2 months ago

Hi @Konrad Stępień ,

Yeah it's working now. Thanks !


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 9.3.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No