Topic: btn-floating & btn-rounded are not working
Hi, I'm new to MDB and I'm using it in my Angular project. When I copy some code from the documentation and paste it into my project some codes are working but some are not. Specifically, "btn-floating" and "btn-rounded" are not working but gradient classes are working. So plz help me.
<!-- Working-->
<button class="btn purple-gradient">Purple</button>
<button class="btn blue-gradient">Blue</button>
<button class="btn aqua-gradient">Aqua</button>
<!--Not Working-->
<button type="button" class="btn btn-primary btn-rounded">Primary</button>
<button type="button" class="btn btn-default btn-rounded">Default</button>
<button type="button" class="btn btn-secondary btn-rounded">Secondary</button>
<a class="btn-floating btn-lg purple-gradient"><i class="fa fa-bolt"></i></a>
<a class="btn-floating peach-gradient"><i class="fa fa-leaf"></i></a>
<a class="btn-floating btn-sm blue-gradient"><i class="fa fa-star"></i></a>
Add comment
Dear beerendramc,
There's one thing that you should know if you want to work with our MDB Angular framework.
The first one: If you're using MDB Angular Free, you have access only to the Free components. If some component is marked as Pro, it won't work for you.
For example, rounded buttons are pro, and because of that, they are not working on your app. The same thing is in floating buttons. They are pro too.
Also, you are using the code from MDB jQuery probably, because in MDB Angular we're not using a class to style buttons, but we are using mdbBtn directive combined with proper inputs.
Please check our Buttons docs here.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.3
- Device: Laptop
- Browser: Chrome Version 70.0.3538.67
- OS: Windows 10 Pro
- Provided sample code: No
- Provided link: No
Tags
Related topics