Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: btn-floating & btn-rounded are not working

beerendramc free asked 6 years ago

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>
 

Damian Gemza staff answered 6 years ago

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

beerendramc free commented 6 years ago

Ohh! well, thank you so much for your information Damian Gemza.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • ForumUser: 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
button
About author
beerendramc
5Support score
1Questions 0Answers 0Snippets