mdb-badge color

Karman40 pro premium asked 2 years ago

Hello,

In v 9.3.1 the mdb-badge color works, bat after ubda (v9.4.0) i add property color="any" and the badge is transparent, no color.

<mdb-badge color="elegant-color" pill="true">{{ item.count + ' DB'}}</mdb-badge>

enter image description here


Arkadiusz Idzikowski staff commented 2 years ago

We will take a closer look at this problem, for now, please try to add the color directly as a CSS class:

<mdb-badge class="elegant-color" pill="true">{{ item.count + ' DB'}}</mdb-badge>


Karman40 pro premium commented 2 years ago

thanks, if you may have a solution please indicated it!


Arkadiusz Idzikowski staff commented 2 years ago

The workaround with class="elegant-color" should add the badge color correctly. Can you confirm if it works in your case?


galileo pro premium commented 2 years ago

I'm having the same problem and css class solution isn't so nice for me. Can you fix it?


Arkadiusz Idzikowski staff commented 2 years ago

Of course, we will fix it in the next update. The solution with class doesn't work for you at all or is it just not good enough in your case?


galileo pro premium commented 2 years ago

Hi! The latter... My scripts generate color name, not class name, so there would be a lot of code changes in various places...


Karman40 pro premium commented 2 years ago

Sorry, for the late answer!

"The workaround with class="elegant-color" should add the badge color correctly. Can you confirm if it works in your case?"

Yes, this is work's!


MatDepInfo commented 2 years ago

Same here with Angular 10. Can you please fix it ? Because your workaround is not a good solution, the style is quite different.


Karman40 pro premium commented 2 years ago

Dear MDB!

when is it expected to fix the bug in the package?


Arkadiusz Idzikowski staff commented 2 years ago

@Karman40 we added a fix to the v10.0.1. Did you test this version and encounter any problems?


Karman40 pro premium commented a year ago

@Arkadiusz Idzikowski Thanks, works fine!


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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.4.0
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No
Tags